javascript - 使用嵌套的 getElementById IE

Question

所以基本上我试图使用 javascript 为所有不同的浏览器编写自定义标签，但 IE 8-9(尚未测试其他浏览器)似乎无法正常工作(真是令人惊讶)(我正在尝试此功能兼容 Chrome FF IE 8-10)

如果你在不同的浏览器中测试它，你会看到结果 2 在 IE 中不起作用，我可以让它像示例一那样工作，但是我真的更愿意使用我的自定义标签名称而不是现有标签名称。

如何让结果 2 在 IE 中显示并仍然使用标签名称“drop”？此外，我真的希望 html 保持不变，只对 javascript 进行更改，提前致谢

http://jsfiddle.net/9GXtH/

<select id='a' style='display:none'>
    <option id='b'>t1</option>
</select>

<drop id='c' style='display:none'>
    <option id='d'>t2</option>
</drop>

<div id='result'></div>

<div id='result2'></div>


var queue = document.getElementsByTagName("select");
var options = queue.item(0).getElementsByTagName("option");

document.getElementById('result').innerHTML = options.item(0).innerHTML;




var queue = document.getElementsByTagName("select");
var options = queue.item(0).getElementsByTagName("option");

document.getElementById('result').innerHTML = "result: " +   options.item(0).innerHTML;


var queue = document.getElementsByTagName("drop");
var options = queue.item(0).getElementsByTagName("option");

document.getElementById('result2').innerHTML = "result2: " +  options.item(0).innerHTML;

Answer 1

如果你有这样的事情:

    <custom:drop id='c1' style='display:none'>
        <custom:option id='d1'>t2c1</custom:option>
    </custom:drop>
    <custom:drop id='c2' style='display:none'>
        <custom:option id='d2'>t2c2</custom:option>
    </custom:drop>
    <custom:drop id='c3' style='display:none'>
        <custom:option id='d3'>t2c3</custom:option>
    </custom:drop>
    <custom:drop id='c4' style='display:none'>
        <custom:option id='d4'>t2c4</custom:option>
    </custom:drop>

您可以像这样在脚本中遍历它们:

$("custom\\:drop custom\\:option").each(function(){
            console.log( $(this).html() );
        });

1