大家好，我是pkqk,今天给大家讲解先js createElement()用法，直接上代码看效果。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
	</body>
</html>
<script type="text/javascript">
	//所有主要浏览器都支持 createElement() 方法
	var btn=document.createElement("button");
	var btn1=document.createElement('button');
	//显示到body页面
	document.body.appendChild(btn);
	document.body.appendChild(btn1);
</script>

createElement()括号里面只能有一个元素用引号括起来，因为javascript是动态代码，自由度很高，推荐用双引号，结束用分号。createElement()返回值是括号里面的元素节点。

js setAttribute()用法，直接上代码看效果。

html代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 通过对比来显示setAttribute()用法 -->
		<!-- input的type默认是text -->
		<div>
		<input/>
		<input id="inputs"/>
		<input/>
		</div>
		<!-- 要更改的input -->
		<input/>
		
	</body>
</html>

js代码 


<script type="text/javascript">
    //所有主要浏览器都支持 setAttribute() 方法
	//getElementsByTagName("input")[0]获取html页面第1个input元素节点。
	//getElementsByTagName("input")[1]获取html页面第2个input元素节点。
	/* 注意getElementsByTagName("input")是获取html页面全部的input元素，
	获取顺序是从上到下，不按照父级对子级的优先关系。 */
	/* setAttribute("type","button")添加属性与类型
	，也可以添加属性与属性值，比如宽或高 */
	document.getElementsByTagName("input")[3].setAttribute("type","button");
	//也可以直接通过id来添加样式。
	document.getElementById("inputs").setAttribute("type","button");
</script>

setAttribute()括号里面第一个值是属性，第二个值是属性值用引号括起来，用逗号分开。

感谢大家的观看！

# javascript
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

解锁HDC 2024之旅：从购票到报名，全程攻略

avatar 华为云开发者联盟
cover

从原始边列表到邻接矩阵Python实现图数据处理的完整指南

avatar 华为云开发者联盟
cover

华为云云原生FinOps解决方案，释放云原生最大价值

avatar 华为云开发者联盟