DOM中修改内容和创建节点

来源：互联网发布：德国淘宝编辑：程序博客网时间：2024/05/17 08:49

修改内容：

两个属性：

.html代码如下：

</pre><pre name="code" class="html">

<!DOCTYPE HTML><HTML><HEAD><TITLE>内容修改</TITLE><style type="text/css">.cnt{color:red;font-size:12pt;font-weight:bold;}</style><script type="text/javascript">function changeValues(){var obj = document.getElementById("test");/*obj.innerText = "我是一个层";obj.className = "cnt";*/obj.innerHTML = "<span class='cnt'>我是一个层</span>"}</script></HEAD><BODY onload="changeValues()"><DIV id="test"></DIV></BODY></HTML>

</pre><pre name="code" class="html">

效果如下：

创建节点：

<!DOCTYPE HTML><html><head><title>创建节点</title><style type="text/css">.content {color:red;font-weight:bold;font-size:12pt;}</style><script type="text/javascript">function createNode(){var div = document.createElement("div");//创建一个层div.innerText = "我是一个层";div.className = "content";var body = document.getElementsByTagName("body")[0];//获取body，注意是数组body.appendChild(div);//添加子节点}function loadJS(url){var script = document.createElement("script");var head  = document.getElementsByTagName("head")[0];script.src = url;//获取src路径head.appendChild(script);}</script></head><body onload="createNode()"> <input type="button" value="第一个js" onclick="loadJS('test.js')"/><input type="button" value="第二个js" onclick="loadJS('test2.js')"/></body></html>

0 0