How to get body content in Javascript-JS Tutorial-php.cn

How to get body content in Javascript

青灯夜游

Release： 2023-01-07 11:44:39

Original

12673 people have browsed it

Getting method: 1. Use innerHTML attribute, syntax "body object.innerHTML"; 2. Use innerText attribute, syntax "body object.innerText"; 3. Use textContent attribute, syntax "body object.textContent" .

How to get body content in Javascript

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

Method 1: Use the innerHTML attribute

This method can get all the content in the tag, including tags, spaces, text, line breaks, etc.

If you want to clear the content of the tag, innerHTML = ""; that's it

If you want to set the content of the tag, innerHTML = "Fill in the tag you want to set and content"; when setting content, all original content will be overwritten.

Code example:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			div{
				border: 2px dashed #006DAF;
				padding: 10px;
				width: 300px;
			}
			p{
				border: 2px dashed #006DAF;
				padding: 10px;
			}
		</style>
	</head>

	<body id="body">
		<div>div元素
			<h2>一个标题</h2>
			<p>一个段落</p>
		</div><br />
	</body>
	<script>
			var body = document.getElementById(&#39;body&#39;);
			 // 获取标签的内容
			 var body = body.innerHTML;
			 console.log(body);
	</script>

</html>

Copy after login

Rendering:

How to get body content in Javascript

##Method 2: Use innerText attribute

This method gets all the text in the tag (and its sub-tags), but does not get the tag (or can filter out all tags). If there are multiple spaces or newlines, it will be parsed as one space.

If you want to clear the content of the label, innerText = ""; that's it

If you want to set the content of the label, innerText = "Fill in the label and content you want to set"; set content, all original content will be overwritten. However, the tag will not be parsed and will be printed directly on the page as text.

Code:

<script>
		var body = document.getElementById(&#39;body&#39;);
		 // 获取标签的内容
		 var body = body.innerText;
		 console.log(body);
</script>

Copy after login

Rendering:

How to get body content in Javascript

##Method 3: Use textContent attribute

textContent to get the content in the tag. But textContent will retain the tag structure when filtering out tags.

Code example:

<script>
		var body = document.getElementById(&#39;body&#39;);
		 // 获取标签的内容
		 var body = body.textContent;
		 console.log(body);
</script>

Copy after login

Rendering:

##[Recommended learning: How to get body content in Javascript javascript advanced tutorial

】

The above is the detailed content of How to get body content in Javascript. For more information, please follow other related articles on the PHP Chinese website!