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

╰+哭是因爲堅強的太久メ 2022-03-12 18:00 178阅读 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>