dom基础6 梦里梦外; 2022-01-19 02:15 188阅读 0赞 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM</title> </head> <body> <div id="d">hello dom</div> <script> function add(){ var a = document.createElement("a");//创建元素节点 var content = document.createTextNode("http://12306.com");//创建内容节点 a.appendChild(content);//将内容节点追加到元素节点中 var href = document.createAttribute("href");//创建属性节点 href.nodeValue = "http://12306.com";//通过nodeValue属性设置值 a.setAttributeNode(href);//将该属性设置到元素节点上 var div1 = document.getElementById('d');//获取元素 div1.appendChild(a);//追加 } </script> <button onclick="add()">div中追加一个超链接</button> </body> </html>
相关 DOM基础 DOM查找 -------------------- JavaScript DOM基础 DOM是Document Object Model（文档对象模型）的缩写 Myth丶恋晨/ 2023年07月17日 14:02/ 0 赞/ 5 阅读
相关 javascript基础DOM javascript基础DOM Object 属性：constructor 方法：hasOwnProperty(name)、isPrototypeOf(objec 叁歲伎倆/ 2022年05月17日 01:18/ 0 赞/ 182 阅读
相关 dom基础8 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 素颜马尾好姑娘i/ 2022年05月01日 12:12/ 0 赞/ 153 阅读
相关 dom基础4 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 约定不等于承诺〃/ 2022年01月20日 14:47/ 0 赞/ 184 阅读
相关 dom基础3 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 骑猪看日落/ 2022年01月20日 14:27/ 0 赞/ 216 阅读
相关 dom基础2 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti r囧r小猫/ 2022年01月20日 14:25/ 0 赞/ 188 阅读
相关 dom基础1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 矫情吗；*/ 2022年01月20日 14:05/ 0 赞/ 183 阅读
相关 dom基础7 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 落日映苍穹つ/ 2022年01月19日 05:45/ 0 赞/ 171 阅读
相关 dom基础6 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 梦里梦外;/ 2022年01月19日 02:15/ 0 赞/ 189 阅读
相关 dom基础5 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 傷城~/ 2022年01月19日 01:11/ 0 赞/ 214 阅读
Myth丶恋晨
叁歲伎倆
骑猪看日落
傷城~
还没有评论，来说两句吧...