Javascript 基础教程之DOM 节点的操作
如何创建新的html 元素
向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素
如下实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOM 与 CSS</title>
</head>
<body>
<div name="dv" id="dv">
<p id="p1">php 中文网</p>
<p id="p2">php.cn</p>
</div>
<script type="text/javascript">
var para=document.createElement("p"); //创建新的<p> 元素：
var node=document.createTextNode("欢迎学习javascript");//创建了一个文本节点
para.appendChild(node);//必须向 <p> 元素追加这个文本节点
var element=document.getElementById("dv");//找到一个已有的元素
element.appendChild(para);//在已存在的元素后添加新元素
</script>
</body>
</html>如何删除节点
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOM 与 CSS</title>
</head>
<body>
<div name="dv" id="dv">
<p id="p1">php 中文网</p>
<p id="p2">php.cn</p>
<p id="p3">js 快速入门</p>
</div>
<script type="text/javascript">
var parent=document.getElementById("dv");//找到 id="dv" 的元素：
var child=document.getElementById("p3"); //找到 id="p3" 的 <p> 元素：
parent.removeChild(child);//从父元素中删除子元素
</script>
</body>
</html>
neue Datei
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOM 与 CSS</title>
</head>
<body>
<div name="dv" id="dv">
<p id="p1">php 中文网</p>
<p id="p2">php.cn</p>
</div>
<script type="text/javascript">
var para=document.createElement("p"); //创建新的<p> 元素：
var node=document.createTextNode("欢迎学习javascript");//创建了一个文本节点
para.appendChild(node);//必须向 <p> 元素追加这个文本节点
var element=document.getElementById("dv");//找到一个已有的元素
element.appendChild(para);//在已存在的元素后添加新元素
</script>
</body>
</html>
Vorschau
Clear
- Kursempfehlungen
- Kursunterlagen herunterladen
Die Kursunterlagen stehen derzeit nicht zum Download zur Verfügung. Die Mitarbeiter organisieren es derzeit. Bitte schenken Sie diesem Kurs in Zukunft mehr Aufmerksamkeit
Auch Studierende, die diesen Kurs gesehen haben, lernen
Lassen Sie uns kurz über die Gründung eines Unternehmens in PHP sprechen
Kurze Einführung in die Web-Frontend-Entwicklung
Umfangreiche, praktische Tianlongbabu-Entwicklung eines Mini-Version-MVC-Frameworks, das die Enzyklopädie-Website mit peinlichen Dingen imitiert
Erste Schritte mit der praktischen PHP-Entwicklung: Schnelle PHP-Erstellung [Small Business Forum]
Anmeldebestätigung und klassisches Message Board
Wissenssammlung über Computernetzwerke
Schnellstart-Node.JS-Vollversion
Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Schreiben Sie Ihr eigenes PHP-MVC-Framework (40 Kapitel ausführlich/große Details/Muss gelesen werden, damit Neulinge vorankommen)