js 设置任意的标签中间的任意文本内容(兼容代码)

最新推荐文章于 2022-03-09 19:10:15 发布

看到了你

最新推荐文章于 2022-03-09 19:10:15 发布

阅读量946

点赞数 1

分类专栏： js 文章标签： js 兼容标签内容

本文链接：https://blog.csdn.net/chen1042246612/article/details/88238231

版权

js 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-cn">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <style>
       div {
       width: 200px;
       height: 150px;
       border: 2px solid red;
}
   </style>
</head>
<body>
   <input type="button" value="设置值" id="btn">
   <div id="dv">哦,太神奇了</div>
   <script>
       function my$(idName){
           return document.getElementById(idName);
       }

       //兼容代码
       //设置任意的标签中间的任意文本内容
       function setInnerText(element,text){
           //判断浏览器是否支持这个属性
           if(typeof element.textContent == 'undefined') { //不支持
               element.innerText = text;
           }
           else { //支持这个属性
               element.textContent = text;
           }
       }

       //获取任意标签中间的文本内容
       function getInnerText(element){
           if(typeof element.textContent == 'undefined') {
               return element.innerText;
           }
           else {
               return element.textContent;
           }
       }

       my$("btn").onclick = function(){
           setInnerText(my$("dv"),'123');
       }
   </script>
</body>
</html>