码迷,mamicode.com
首页 > Web开发 > 详细

一直无法获取到页面上一个元素js

时间:2017-12-19 01:25:49      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:获取元素

①前言

流程审批页面我写了一个公共的模板页面,但是里面的数据是动态添加进去的。我想在公共的页面的js中去隐藏一个元素。

②我的思路:

我准备直接通过id去获取元素,然后添加属性 display:none

首先我通过jquery的方法: 

var v1 = $("#shenpiyijian");
console.log(v1)
//结果为n.fn.init()

我最初以为这就拿到了对象,然后直接设置属性  v1.css("display","none")  结果没有效果。

后面大牛采用的是

var  v2 = document.getElementById("shenpiyijian");
console.log(v2)
//null

发现为v2位null

哦,原来是没有拿到这个元素。

总结:=========

在测试的时候可以现在浏览器控制台写js代码。如果有问题的时候,最好用js代码而不是jquery代码。因为所有浏览器都支持js代码。


------------------------------------------------------------------------------------------------------------------------

后面发现没有取到元素,所以我就按照自己的方式去ifram中去找元素。其实这根本就不是ifram的问题,网上找了一大堆。


后面找了大牛。

大牛首先在控制台获取了数据,然后发现能获取,在js代码中写了,发现不能获取。

估计是加载顺序问题。

-----------------------------下面 ,重要一步---------------------

我们在页面中写了一个button,将获取元素的代码写在了一个方法中,点击这个button,发现能获取到数据。

-----------------------------重要一步---------------------

然后找,我们的代码是写在ready里面的,即页面加载完成,但是为什么无法获取呢,后面他们说loadUrl这个方法是异步的,业务数据还没加载完成的时候页面js就执行完了。

然后我们把代码写在了loadUrl中。这样就是同步执行了。

总结:其实就是数据还没加载完就执行了js。


总结:

①对于编程,是什么就是什么,不要猜测或无端自己加入一些自己的想法。

比如这本来不是一个ifram,非得自己认为是一个ifram,这样不利于去找问题。

②注意同步异步,注意方式方法。

一直无法获取到页面上一个元素js

标签:获取元素

原文地址:http://blog.51cto.com/jianboli/2051839

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!