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

①前言

流程审批页面我写了一个公共的模板页面,但是里面的数据是动态添加进去的。我想在公共的页面的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,这样不利于去找问题。

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

时间: 2024-08-02 14:10:43

一直无法获取到页面上一个元素js的相关文章

jQuery获取当前元素的上一个元素

jQuery获取当前元素的上一个元素: 本章节介绍一下如何利用jquery获取当前元素的下一个元素,如何利用原生js获取下一个元素可以参阅原生js获取当前元素的上一个元素代码实例一章节, 下面直接看代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texia

获取数组中最后一个元素

Array.prototype.slice(begin,end)用来获取begin和end之间的数组元素.如果你不设置end参数,将会将数组的默认长度值当作end值.但有些同学可能不知道这个函数还可以接受负值作为参数.如果你设置一个负值作为begin的值,那么你可以获取数组的最后一个元素.如: var array = [1,2,3,4,5,6]; console.log(array.slice(-1)); // [6] console.log(array.slice(-2)); // [5,6]

C#获得当前页面客户端的IP 用于监测获取某个页面上用户的客户端真实IP地址

C#获得当前页面客户端的IP 用于监测获取某个页面上用户的客户端真实IP地址  1 /// <summary> 2 /// 获得当前页面客户端的IP 3 /// </summary> 4 /// <returns>当前页面客户端的IP</returns> 5 public static string GetIP() 6 { 7 8 9 string result = String.Empty; 10 11 result = HttpContext.Curre

js获取数组的最后一个元素

摘自:开源it 在js里面如何获取一个数组的最后一个元素呢?这里总结了两种方法,有需要的朋友可以看看. (1)js内置pop方法 pop() 方法用于删除并返回数组的最后一个元素,注意这里在获取了数组的最后一个元素的同时也将原数组的最后一个元素给删除了.如果数组已经为空,则该方法不改变数组,并返回 undefined 值,如: 查看代码打印 1 var args=new Array(['www'],['phpernote'],['com']); 2 alert(args.pop());//com

2、selenium点击被页面上其他元素遮住的控件

使用WebDriver点击界面上Button元素时,如果当前Button元素被界面上其他元素遮住了,或没出现在界面中(比如Button在页面底部,但是屏幕只能显示页面上半部分),使用默认的WebElement.Click()可能会触发不了Click事件. 需加上browser.execute_script(‘arguments[0].click()’, webElement); 原文地址:https://www.cnblogs.com/zengfh/p/12287898.html

C++ 获取vector容器最后一个元素

声明:vector<T>  vec; 方法一: return vec.at(vec.size()-1); 方法二: return vec.back(); 方法三: return vec.end()-1;  注意:end指向末尾元素的下一个元素. 方法四: return vec.rbegin();

在使用ActionChains类,在执行一次拖拽后再拖拽,还会重复拖拽上一个元素

背景: 在项目的实际使用中,要对多个元素进行拖拽到指定区域,并且这些元素还分属于不同的类型中.在拖拽完第一个元素之后,再去拖拽其它元素,会发现又会拖拽一次第一个元素. 历程: 1.网上搜索一番,没有得到答案: 2.翻阅ActionChains的源代码,发现它是将所有action存储在一个_actions的变量中.然后在perform方法中去执行这个数组中存储的所有action.代码如下: def perform(self): """ Performs all stored a

获取列表的最后一个元素

题目 有一个长度为n序列,移除掉里面的重复元素,对于每个相同的元素保留最后出现的那个. 比方说: [1,8,7,3,8,3,1] 返回: [7,8,3,1] 算法实现 方法一: def find_index(numlist): tmp = {} for index,num enumerate(numlist): if not tmp.get(num): tmp[num] = index else: tmp[num] = index tmp = sorted(tmp, key=lambda k:t

在页面上隐藏元素的方法有哪些

方法 是否占据空间 是否响应事件 补充说明 display: none; 否 否 会引起回流和重绘 visibility: hidden; 是 否 - opacity: 0; 是 是 会引起重绘 position: absolute;top: -100px;将元素移除可见区域 是 - - transform: scale(0);将元素缩放为 0 尺寸 是 否 - z-index: -999;层级调低的同时在同样的位置上用其他元素覆盖 是 否 - ransform: rotateY(90deg);