JavaScript：属性操作、文本的操作

Lntower

于 2021-06-28 20:07:02 发布

阅读量158

点赞数

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

本文链接：https://blog.csdn.net/cptower/article/details/118311251

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

属性操作

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Attrilbute属性操作</title>
		<style>
        .aColor{
            color: blue;
        }
    </style>
	</head>
	<body>
		<a>点我呀</a>
	</body>
	<script>
		/*
		 * setAttrribute(属性名，值)：设置属性
		 * getAttribute(属性名)：根据属性名获取属性值
		 * removeAtrribute(s属性名)：根据属性名移除指定的属性
		 * style属性：为元素添加样式
		 */
		
		var a = document.getElementsByTagName("a")[0];
		a.setAttribute("href","dom.html");
		
		var value=a.getAttribute("href");
		console.log(value)
		
		a.removeAttribute("href")
		
		a.style.color="red"
		
	</script>
</html>

文本操作

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>文本的操作</title>
	</head>

	<body>
		<div id="div"></div>
	</body>
	<script>
		//1. innerText   添加文本内容，不解析标签
		var div = document.getElementById("div");
		div.innerText = "我是div";

		//2. innerHTML   添加文本内容，解析标签
		div.innerHTML = "<b>我是div</b>";
	</script>

</html>

Lntower

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript：属性操作、文本的操作

属性操作<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Attrilbute属性操作</title> <style> .aColor{ color: blue; } </style> </head> <body> <a&gt
复制链接

扫一扫