javascript - 按 tagName 过滤元素

Question

<强> Example Fiddle 。

我需要添加条件，以便我的代码支持输入(需要 1 个按钮生成整个 Json)。

我尝试过过滤:

elements.tagName

但它给了我一个未定义的，我想这是因为

var elements = document.getElementsByClassName('selectVal'); 

返回节点列表。如何过滤或调整我的代码以便相同的函数支持输入？

我需要通过一个按钮来存储列表中选定的项目和输入中的字符串。

Answer 1

elements 是从 getElementsByClassName 获取的元素数组。您应该在循环内检查 elements[index] 上的 tagName。

添加输入(将 selectVal 替换为所有表单对象的更好的类):

<input id="textbox" class="selectVal" value="text value">

您可以更改循环的内部部分来查找标签

...
var strSel = '';
if (element.tagName == 'SELECT')
    strSel = element.options[element.selectedIndex].text;
else if (element.tagName == 'INPUT')
    strSel = element.value;
...