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
Lepaskan: 2016-05-16 16:40:02
asal
2224 orang telah melayarinya

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>
Salin selepas log masuk

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.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan