IE8丢失自定义标签

时间:2012-10-20 08:36:19

标签: javascript html internet-explorer parsing data-loss

请检查以下代码在IE8中:

 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
           <script language="javascript" type="text/javascript">
            function btnclick() {
                document.createElement("myTag");
                var testctrl = document.createElement("div");
                testctrl.innerHTML = " <myTag>hai</myTag>";
                document.getElementById("temp").appendChild(testctrl);
alert(testctrl.innerHTML);
            }
        </script>
        <style type="text/css">
        myTag
        {
            background-color:Blue;
            height:20px;
            width:100px;
        }
        </style>
    <title>

    </title></head>
    <body>
        <input type="button" id="tbtn" onclick="javascript:btnclick();return false;" value="ClickMe"/>
        <div id="temp" >
        </div>
    </body>
    </html>

我从myTag Like As获得了价值:

**testctrl.innerHTML contain as Follow**

"hai</MYTAG>"

那么我如何在这段代码中使用IE呢? 我应该想要标签喜欢不喜欢

2 个答案:

答案 0 :(得分:3)

尝试:

var mytag = document.createElement("myTag");
var testctrl = document.createElement("div");
mytag.innerHTML = "hai";
testctrl.appendChild(mytag);
document.body.appendChild(testctrl);

答案 1 :(得分:0)

使用自定义标签始终是有线的,因为浏览器在处理自定义标签时有所不同。如果你正在使用xhtml和xhtml标题,你应该将你的命名空间添加到html和元素,但是将自定义标签与xhtml标签混合是我不会做的。我曾经使用过自定义命名空间属性做得很好,但是你应该使用html5数据属性。