cari

Rumah >hujung hadapan web >tutorial js >Cara menukar String berformat HTML kepada kemahiran HTMLElement_javascript

Cara menukar String berformat HTML kepada kemahiran HTMLElement_javascript

WBOY
WBOYasal
2016-05-16 16:40:022216semak imbas

Kod adalah seperti berikut: 

<meta charset="UTF-8"> 
<title>Insert title here</title> 
</head> 
<body> 
<div id="content"></div> 
<script> 
var el = document.createElement("div"); 
el.innerHTML = ' <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>titleValue</title> <meta name="description" content="It is a good way to learn science." /> <meta name="keywords" content="Symfony2,Redis,PHP" /> <meta name="author" content="CSDN.NET" /> <meta name="Copyright" content="CSDN.NET" /> </head> <body> hello</body> </html>'; 
var descElements = el.getElementsByTagName("head"); 
document.getElementById("content").innerHTML = descElements.length; 
</script> 
</body> 
</html>

1. Jika skrip diletakkan dalam elemen kepala, apabila skrip dimuatkan, elemen div belum dimuatkan dan "document.getElementById(...) kosong atau bukan objek" akan muncul.
2. Kod di atas berfungsi seperti biasa dalam chrome, dan hasil output ialah 5, tetapi dalam IE, hasil output ialah 0.
3. Ambil perhatian bahawa anda tidak perlu menggunakan [] apabila mentakrifkan data dalam js, jika tidak ralat akan berlaku.

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：Penggunaan window.location.href (lompat keluaran dinamik)_Pengetahuan asasArtikel seterusnya：Penggunaan window.location.href (lompat keluaran dinamik)_Pengetahuan asas

Artikel berkaitan

Lihat lagi