js替当前元素添加父节点

2012-11-03

js为当前元素添加父节点现在有一些元素select,想在select元素前动态添加一个span styleborder: 1px

js为当前元素添加父节点
现在有一些元素<select>,想在<select>元素前动态添加一个<span style="border: 1px solid red">元素。
用DOM该如何做？

[解决办法]

JScript code

elem.insertAdjacentHTML("beforeBegin","<span style=\"border: 1px solid red\">*</span>");
[解决办法]
JScript codeelem.insertAdjacentHTML("beforeBegin", "<span style=\"border: 1px solid red\">");                elem.insertAdjacentHTML("afterend", "</span>");
[解决办法]
HTML code<!doctype html><html>    <head>        <title>Test</title>    </head>    <body>        <select>            <option value="1">First</option>        </select>        <script>            var sel = document.getElementsByTagName("select")[0],                _sel = sel.cloneNode(true),                span = document.createElement("span");            span.style.border = "1px solid red";            //span.style.cssText = "border: 1px solid red";            span.appendChild(_sel);            sel.parentNode.replaceChild(span, sel);        </script>    </body></html>

热点排行

JavaScript

js替当前元素添加父节点