简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

How to convert HTML formatted String into HTMLElement_javascript skills

WBOY
Release： 2016-05-16 16:40:02
Original
2154 people have browsed it

The code is as follows: 

<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>
Copy after login

1. If the script is placed in the head element, when the script is loaded, the div element has not been loaded, and "document.getElementById(...) is empty or not an object" will appear.
2. The above code works normally in chrome, and the output result is 5, but in IE, the output result is 0.
3. Note that you do not need to use [] when defining data in js, otherwise an error will occur.

Related labels：
html format string
source：php.cn
Previous article：Usage of window.location.href (dynamic output jump)_Basic knowledge Next article：Algorithms and examples of parsing four arithmetic expressions in javascript_javascript skills
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
What are the performance numbers next to components in the Vue dev tools? Does anyone have insights or resources for a certain feature in the Vue development tools?...
From 2023-11-09 14:46:48
0
1
305
Thousand separator PHP I extracted this $number=100000.5; from the database. What I need is to set the format to ...
From 2023-11-07 12:00:02
0
1
207
Rewrite the title to: Vue 3: Transfer content to element and replace I'm using Vue3's teleport to render an element into a div and it works as expected. Telepo...
From 2023-11-06 11:01:38
0
1
451
Convert .HEIC to .JPG using ImageMagick in PHP I'm hoping to try and create a small image converter that converts HEIC files uploaded to ...
From 2023-11-02 17:38:57
0
1
264
Vue.js 3 v-for causes issues with Tailwind/Flowbite modal functionality I am trying to call tailwind pattern from a table where the rows are generated using v-for...
From 2023-11-02 13:36:09
0
1
300
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！