javascript - 检查子元素是否已经存在

Question

我正在编写一些代码来附加一个隐藏的表单字段，并将我当前的幻灯片 ID 作为值附加，这在一定程度上起到了作用。

    var items = this._core.$stage.children();
    for (var i = 0; i < items.length; i++) {
        if(items[i].classList.contains('active')) {
            var curr_slide = items[i];
            var curr_slide_value = curr_slide.firstElementChild.getAttribute('data-hash');
            console.log(curr_slide);
            console.log(curr_slide_value);
            if(curr_slide.getElementsByTagName('form').length) {
                var form = curr_slide.getElementsByTagName('form');
                if(form[0].getElementsByName('slide') == null) {
                    var input = document.createElement('input');
                    input.value = curr_slide_value;
                    input.type = 'hidden';
                    input.name = 'slide';
                    form[0].appendChild(input);
                    alert("appended form");
                } else {
                    alert("did not append form");
                }
            }
        }
    }

这条线不起作用

if(form[0].getElementsByName('slide') == null) {

此时我需要检查名称为“slide”的输入字段是否已经存在，如果不存在，则添加它。

这里是我的表单对象供引用

[form#gform_1, gform_1: form#gform_1, item: function, namedItem: function]
    0: form#gform_1
        0: textarea#input_1_1.textarea.medium
        1: textarea#input_1_2.textarea.medium
        2: textarea#input_1_3.textarea.medium
        3: textarea#input_1_4.textarea.medium
        4: input#gform_submit_button_1.gform_button.button
        5: input
        6: input#_gform_submit_nonce_1
        7: input
        8: input.gform_hidden
        9: input.gform_hidden
        10: input#gform_save_1.gform_hidden
        11: input#gform_resume_token_1.gform_hidden
        12: input.gform_hidden
        13: input.gform_hidden
        14: input#gform_target_page_number_1.gform_hidden
        15: input#gform_source_page_number_1.gform_hidden
        16: input

Answer 1

getElementsByName 没有为 form 元素定义。

最兼容的方式应该是:

if (!form[0].elements.slite) {
  // add <input name="slite"> to form[0]
}