问答

把窗口width显示在页面上,如下代码怎么不行?谢谢

作者:admin 2021-06-07 我要评论

!DOCTYPE htmlhtmlhead style /style/headbody div class="hh"111/div /body script window.onresize=function(){ m=document.getElementsByClassName("hh") m.i...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
<!DOCTYPE html>
<html>
<head>
    <style>
    
    </style>
</head>
<body>
    <div class="hh">111</div>
   

</body>
    <script>
    window.onresize=function(){
        m=document.getElementsByClassName("hh")
        m.innerHTML=window.screen.width
    }
    </script>
</html>
###
 window.onresize=function(){
        m=document.getElementsByClassName("hh") 
        // 注意,这个m是个集合,类数组
        m[0].innerHTML=window.screen.width
    }
    </script>
###

document.getElementsByClassName返回一个HTMLCollection,一个元素的集合。而innerHTML是元素上的方法。要使用必须从得到的HTMLCollection中取出一个元素,即 PeChen 提到的处理类数组的方法,比较简单、普遍。或者使用标准明确定义的HTMLCollection.item(index),也可以得到元素。

需要注意的地方有,innerHTML会尝试解析文本为元素,在已知要使用文本时不推荐使用,安全上和性能上都不如innerTexttextContentinnerText还会解析换行为<br>,所以在这里建议使用textContent。详细区别还很多,建议参考链接。


  1. innerText vs innerHTML vs label vs text vs textContent vs outerText

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 把窗口width显示在页面上,如下代码怎

    把窗口width显示在页面上,如下代码怎

  • React-Native构建项目时报错,failed i

    React-Native构建项目时报错,failed i

  • 请问OPENGL怎么绘制环形?

    请问OPENGL怎么绘制环形?

  • 为什么这段OpenGL绘制什么都没有?

    为什么这段OpenGL绘制什么都没有?

腾讯云代理商
海外云服务器