Rumah > Artikel > hujung hadapan web > Nod DOM JavaScript menambah petua example_javascript

Nod DOM JavaScript menambah petua example_javascript

WBOYasal: 2016-05-16 16:41:531305semak imbas

<!DOCTYPE html> 
<html> 
<body> 

<div id="div1"> 
<p id="p1">这是一个段落。</p> 
<p id="p2">这是另一个段落。</p> 
</div> 

<script> 
var para=document.createElement("h1"); 
var node=document.createTextNode("这是新段落。"); 
para.appendChild(node); 
//将node里面的str放到h1段落中 
//使之成为<h1>这是新段落</h1> 

var element=document.getElementById("div1"); 
element.appendChild(para); 

//将para放到div中 

</script> 

</body> 
</html>

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Ringkasan mendayakan ECMAScript 6 dalam NodeJS (windos dan Linux)_node.jsArtikel seterusnya：Ringkasan mendayakan ECMAScript 6 dalam NodeJS (windos dan Linux)_node.js

Artikel berkaitan

Lihat lagi