js中使用getElementsByTagName,getElementsById等获取html元素失败,没有获取到,很有可能是页面还没有渲染完就去获取了

在使用getElementsById获取html,出现获取到时空,很大的可能是页面还没有渲染完毕.  如下几种情况会发生这种获取不到的情况:

    直接写在<head>标签中,因为这是最开始执行,html还没有渲染  所以如果尝试  var e = getElementsById("p");

那么返回的e是空.

    一个重点就是要在你要获取的那个html元素渲染完毕后才能去使用 getElementsById;  2种方法:

方法1:

   如下例子:(要获取p元素,那么代码写在<p>后面就可以

   <p>你好,测试一下啊</p>

   <script>  var e = getElementsById("p");//在这里可以成功获取</script>

 方法2:

   <head>

       function test(){

           var e = getElementById("p");

           console.log(e);//可以成功打印出来

      }

  </head>

    <body οnlοad="test()">

       <p>测试测试</p>

    </body>


同理getElementsByTagName和getElementsClassName和getElementsByName几个的用法也遵循以上的规则.

   

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: JS 获取到的页面元素通常存储在 JavaScript 变量。在使用 JavaScript 操作页面元素时,我们通常使用 Document Object Model (DOM) API 来获取页面元素,并将其存储在 JavaScript 变量。例如,使用 document.getElementById() 函数可以获取指定 id 的元素,并将其存储在变量: ``` var element = document.getElementById("myId"); ``` 在上面的代码,通过调用 document.getElementById() 函数并传入 id 为 "myId" 的元素,我们可以获取页面上的这个元素,并将其存储在变量 element 。 ### 回答2: JavaScript获取到的页面元素存放在浏览器的内存。 当浏览器加载页面时,它会解析HTML代码,并创建一个名为DOM(Document Object Model,文档对象模型)的树形结构来表示页面的结构和内容。每个HTML元素都被表示为一个对象,这些对象可以通过JavaScript代码来访问和操作。 当我们使用JavaScript来获取页面元素时,浏览器会根据选择器或指定的属性等信息在DOM查找相应的元素对象,并将其返回给我们。这些元素对象是存在于浏览器的内存的。 一旦我们获取到了页面元素对象,就可以通过JavaScript来操作它们,例如修改它们的样式、属性、内容等。可以通过添加事件监听器来监听用户的交互行为,也可以通过改变元素对象的位置来实现动画效果。 值得注意的是,页面元素在DOM的存放位置与其在页面上的显示位置不一定相同。DOM树的每个元素都相互关联,形成了一个层次化的结构,元素对象的位置与它们在DOM树的结构有关。 总之,JavaScript获取到的页面元素存放在浏览器的内存的DOM树结构,并可以通过JavaScript代码来操作。 ### 回答3: JavaScript获取到的页面元素存放在内存,具体来说,浏览器会将网页加载到内存构建为一个文档对象模型(DOM)树。DOM树是一个树状结构,包含了HTML文档的所有元素,每个元素都被表示为一个节点,这些节点都有父子关系,形成了一个层级结构。 当JavaScript代码通过调用相关方法或属性获取页面元素时,实际上是对DOM树进行操作。JavaScript可以使用一系列方法来获取不同类型的页面元素,例如getElementById、getElementsByClassName、getElementsByTagName等。 获取到的页面元素会以对象的形式存放在浏览器的内存,通过JavaScript代码可以直接对这些对象进行进一步的操作和修改。可以通过修改元素的属性、样式或者添加/删除元素等操作来动态改变网页的外观和行为。 需要注意的是,获取到的页面元素是实时的,即使页面发生了变化,使用JavaScript获取元素也会随之更新。这使得JavaScript在动态交互和事件处理方面有很大的优势,可以实现实时响应和动态更新页面内容。 总的来说,JavaScript获取到的页面元素存放在浏览器的内存的DOM树,并且可以通过JavaScript代码对其进行操作和修改,实现动态交互和实时更新页面内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值