【JavaScript】常用标签赋值，innerHTML 和 value 的用法

黑口罩

已于 2025-01-16 15:04:29 修改

阅读量324

点赞数 8

分类专栏： # 【JavaScript】系列文章标签：前端 javascript

于 2025-01-16 14:18:50 首次发布

本文链接：https://blog.youkuaiyun.com/xudahai513/article/details/145182310

版权

【JavaScript】系列专栏收录该内容

6 篇文章

订阅专栏

JavaScript 里面有两种赋值方式：

<> 我被标签包围了 </>；用 innerHTML
<xxxx value = "我是一个value" />；用 value

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
 	<title></title>
   <script Language ="javaScript"  src="index.js"></script>
</head>
<body>
   <a href="#"></a>
   <p></p>
   <h5></h5>

   <ul>
      <li></li>
   </ul>

   <textarea></textarea>

   <hr>// 我是分割符号
   
   <input type="" >
 
</body>
</html>

window.onload 表示 html 页面加载完调用 function（）

window.onload = function(){
   _innerHTML("a","我是 a 标签");
   _innerHTML("p","我是 p 标签");
   _innerHTML("h5","我是 h5 标签");
   
   _innerHTML("textarea","我是 textarea 标签");
   _innerHTML("li","我是 li 标签");

    _value("input","input 里面有内容");
}

//重复的事情，可以直接写成一个轮子，直接来回调用，事半功倍
function _innerHTML(obj,val){
    //获取第一个标签（[0]）
   var ele = document.getElementsByTagName(obj)[0];
    //给标签赋值
   ele.innerHTML = val
}

function _value(obj,val){
   var ele = document.getElementsByTagName(obj)[0];
   ele.value = val
}

展示结果：