简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Tutorial Asas Javascript: Pengendalian Nod DOM

Cara mencipta elemen html baharu

Untuk menambah elemen baharu pada DOM HTML, anda mesti mencipta elemen (nod elemen terlebih dahulu ) dan kemudian tambahkan Tambahkan elemen

pada elemen sedia ada seperti berikut: 

<!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>

Cara memadam nod 

<!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>


Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492161 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！