实现HTML页面动态处理

最新推荐文章于 2024-09-13 12:49:39 发布

{[("青椒盖饭")]}

最新推荐文章于 2024-09-13 12:49:39 发布

阅读量1.4w

点赞数 3

分类专栏： javaweb学习笔记

本文链接：https://blog.csdn.net/qq_43386754/article/details/85730711

版权

这篇博客介绍了如何使用JavaScript操作HTML DOM，包括删除元素和获取属性内容。通过getElementsByTagName()方法动态设置元素样式，删除指定内容的元素，并展示了如何获取未定义为标准属性的自定义属性值。

摘要由CSDN通过智能技术生成

HTML DOM 可以可以对HTML中的元素进行删除,增加的操作,要操作HTML DOM可以使用JavaScript的语言对HTML DOM进行访问.
原html文件

<html>
	<head>
		<title>欢迎页面!</title>
		<meta charset="utf-8"/>
	</head>
	<body>
		<span>Hello World!</span>
		<span>Hello World!</span>
		<span>Hello World!</span>
		<span>Hello World!</span>
		<span>Hello World!</span>
		<span>Hello World!</span>
		<span>Hello World!</span>
		<span>Hello World!</span>
		<span>Hello World!</span>
		<span>Hello World!</span>
		<span>Hello World!</span>
		<span>Hello World!</span>
		<div>
			<span id="10">Hello World!</span>
		</div>
	</body>
</html>