dom基础7 落日映苍穹つ 2022-01-19 05:45 171阅读 0赞 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DOM</title> </head> <body> <script> function remove(){ var parentDiv = document.getElementById("parentDiv"); var div2 = document.getElementById("div2"); parentDiv.removeChild(div2);//删除元素节点 } function removeHref(){ var link = document.getElementById("link"); link.removeAttribute("href");//删除属性节点 } function removeDiv1(){ var div = document.getElementById("div"); var textNode = div.childNodes[0];//获得文本节点 div.removeChild(textNode);//删除文本节点 } function removeDiv2(){ var div = document.getElementById("div"); div.innerHTML = "";//内容置空 } function recover(){ var div = document.getElementById('div'); div.innerHTML = "这是一个恢复的文本"; } </script> <div id = "parentDiv"> <div id="div1">div1</div> <div id="div2">div2</div> </div> <button onclick="remove()">删除节点</button> <br> <a href="http://12306.com" id="link">http://12306.com</a><br> <button onclick="removeHref()">删除超链接href属性</button><br> <br> <div id="div">这是一个文本</div> <button onclick="removeDiv1()">通过removeChild删除div下的文本节点</button> <button onclick="removeDiv2()">通过innerHTML让内容置空</button> <button onclick="recover()">回复文本</button> </body> </html>
相关 DOM基础 DOM查找 -------------------- JavaScript DOM基础 DOM是Document Object Model（文档对象模型）的缩写 Myth丶恋晨/ 2023年07月17日 14:02/ 0 赞/ 6 阅读
相关 javascript基础DOM javascript基础DOM Object 属性：constructor 方法：hasOwnProperty(name)、isPrototypeOf(objec 叁歲伎倆/ 2022年05月17日 01:18/ 0 赞/ 183 阅读
相关 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 赞/ 185 阅读
相关 dom基础7 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 落日映苍穹つ/ 2022年01月19日 05:45/ 0 赞/ 172 阅读
相关 dom基础6 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 梦里梦外;/ 2022年01月19日 02:15/ 0 赞/ 190 阅读
相关 dom基础5 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti 傷城~/ 2022年01月19日 01:11/ 0 赞/ 214 阅读
Myth丶恋晨
叁歲伎倆
骑猪看日落
傷城~
还没有评论，来说两句吧...