webapis_08_操作元素

最新推荐文章于 2024-05-17 13:52:13 发布

一只追求学习的学渣

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量86

点赞数

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44079801/article/details/106967812

版权

JS 专栏收录该内容

12 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>操作元素</title>
		</script>
	</head>
	<body>
		<div></div>
		<p>
			我是文字
			<span>123</span>
		</p>
		
		<script >
		//innerText 和innerHTML(标准)的区别
			//1.innerText(非标准)  不识别html标签
		var div = document.querySelector('div');
		//div.innerText = '今天是: 2019';
		//使‘今天是’文字加粗
		//div.innerText = '<strong>今天是:<strong> 2019';
		//2.innerText 不识别HTML标签并且会去除空格和换行
		//3.innerHTML识别HTML标签并且会保留空格和换行
		 div.innerHTML = '<strong>今天是:<strong> 2019';
		 //innerText和innerHTML是可读写的即可以获取元素里面的内容
		 var p = document.querySelector('p');
		 console.log(p.innerText);
		  console.log(p.innerHTML);
	</body>
</html>



<!-- //JS中的DOM操作可以改变网页的内容，结构，样式.
		//可以利用DOM操作元素来改变元素里面的内容属性等
		//4.1改变元素内容
		//1.element.innerText(从起始位置到终止位置的内容，
		//但它去掉html标签，同时空格和换行也会去掉)
		//2.element.innerHTML(从起始位置到终止位置的全部内容,包括html标签，
		//同时空格和换行) -->

一只追求学习的学渣

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
webapis_08_操作元素

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>操作元素</title> </script> </head> <body> <div></div> <p> 我是文字 <span>123</span> </p> .
复制链接

扫一扫