document.getElementById的一些细微区别

最新推荐文章于 2019-04-13 09:51:18 发布
原创 最新推荐文章于 2019-04-13 09:51:18 发布 · 701 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文探讨了document.getElementById()与window.parent.document.getElementById()的区别。后者用于访问父窗口对象中的元素，但在不存在父窗口时行为与前者相同。

本文主要说说 document.getElementById() 和 window.parent.document.getElementById() 的一些区别。

 

大家都知道window.parent.document.getElementById()是去取父窗口对象。但如果本身页面没有存在父窗口的话。

执行window.parent.document.getElementById()和document.getElementById() 的效果是一样，都是返回当前页

的对象。（我还以为会返回undefined,呵呵）

 

这应该是个很基础的问题，在这里做个记录，以便以后提醒自已。

子页面获取父页面的内容 以及 向父页面拼接字符串
weixin_44037153的博客
05-26 543
子页面获取父页面的内容 ： 在父页面编写一个id名字，window.parent.document.getElementById(“id名”) 例如： window.parent.document.getElementById("id") 子页面向父页面拼接字符串 ： 在父页面编写一个id名字，window.parent.document.getElementById(“id名”).innerHTML 例如： window.parent.document.getElementById("id").inne
解决 jQuery 实现填充父窗口iframe里元素的值的问题 如window.parent.document.getElementById().innerHTML...
weixin_33810302的博客
10-13 513
解决 jQuery 实现父窗口的问题 如window.parent.document.getElementById().innerHTML 2009年12月22日 星期二 11:29 A.M. 因为先前遇到的问题，所以我考虑采用 IFRAME 来隔离不同的脚本，从而实现我需要的效果。 在框架中，我用 JavaScript 获取 JSON 数据，组织成 HTML 代码，最后将其填充至上...
window.parent.document解决原生js或jQuery 实现父窗口的问题
热门推荐
qq_37189949的博客
03-15 2万+
做WEB前端开发的过程中，经常会有这样的需求，用户点击【编辑】按钮，弹出一个对话框，在里边修改相应的值，然后把修改后的值显示在原页面，最后点击保存。 用window.parent.document.getElementById().setAttribute("value","")可以很好的解决这个问题。 源代码如下： 父页面中的代码：
parent.document.getElementByID
weixin_34144848的博客
01-05 2027
一般javascript无法控制页面内部的iframe,而很多情况下,需要在父页面数据变换时同步更新iframe里的内容. 此时可利用javascript的机制,在iframe内部写父页面的js事件.比如,父页面有一TextBox,ID为txtText,当TextBox的值变换时,子页面需要显示这个值.此时可在iframe 页面内输入: parent.document.ge...
document.getElementById的理解
u014552288的专栏
04-07 3748
个人现在的理解就是在一个页面中找到对应id的模块
jquery 中的 $(“#”) 与 js中的document.getElementById(“”)细微区别
gao454917848的专栏
10-24 476
以前没注意过，认为jquery 中的 $("#") 与 document.getElementByIdx_x("") 是一回事，指的是同一个东西。 这次项目开发在使用验证码生成的时候，发现两者不同，使用时需要注意！ 通过以下测试： js中代码 function reloadValidCode(o) {  alert(o);     o.src = "${pageCo
jquery 中的 $(“#”) 与 js中的document.getElementById(“”)
cuiyadll的博客
02-06 188
以前没注意过，认为jquery 中的 $("#") 与 document.getElementByIdx_x("") 是一回事，指的是同一个东西。 这次项目开发在使用验证码生成的时候，发现两者不同，使用时需要注意！ 通过以下测试： js中代码 function reloadValidCode(o) { alert(o); o.src = "${pageContext.re...
document.getElementById("myBtn").onclick=function(){displayDate()};解析
大傻冒@你的博客
07-14 1万+
首先我们先来看看下面的三个例子，然后我们将这三个例子进行比较（看仔细哦！）<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body&am
getElementById getElementsByName getElementsByTagName tagName
姬豪杰的专栏
05-05 553
document.getElementByName("myOptionName").valuedocument.getElementsByName("myOptionName").valuedocument.getElementId("myOptionName").value第一个报错说不支持属性。第二个得到市空值。第三个可得到值css。这几个有
解决 jQuery 实现父窗口的问题 如window.parent.document.getElementById().innerHTML
UnOpenMyCode的专栏
07-28 1万+
因为先前遇到的问题，所以我考虑采用 IFRAME 来隔离不同的脚本，从而实现我需要的效果。在框架中，我用 JavaScript 获取 JSON 数据，组织成 HTML 代码，最后将其填充至上层文档的一个元素中。按照一般的写法，我们需要用到类似如下的语句：1.window.parent.document.getElementById("myEle").innerHTML = html;使用 jQuery ，写法如下：1.$("#myEle", window.parent.document).html(html
子页面获取父页面的值
cainiaobulan的博客
01-15 3346
JQ： 1，$（"#id"，parent.document） 2，$（window.parent.document).find("#id") JS： 1，parent.document.getElementById("id").value window.parent.document.getElementById("id")等同parent.document.getElementBy...
JS获取父页面/子页面内容
陌路黄昏的专栏
10-12 1927
获取父框架的内容: 　　window.parent.id; ("id"为你要获取该值的名称); 　　  　　parent.document.getElementByIdx_x_x("xxx"); 　　  　　parent.document.getElementsByTagName_r("body")[0]; 　　　　  　　获取子框架的内容: 　　（第一个getElementById对象是子
jQuery 实现父窗口的问题 如window.parent.document.getElementById().innerHTML
"零点起航"的专栏
06-25 3302
在框架中，我用 JavaScript 获取 JSON 数据，组织成 HTML 代码，最后将其填充至上层文档的一个元素中。按照一般的写法，我们需要用到类似如下的语句： 1.window.parent.document.getElementById("myEle").innerHTML = html; 使用 jQuery ，写法如下： 1.$("#myEle", window.parent.
父页面获取子页面选择框里的id方法
qq_38647207的博客
09-20 2234
父页面获取子页面选择框里的id方法 在子页面上写 window.parent.document.getElementById("people").value="子页面的选择框里的id值";  在父页面上要有  <#input id="people" name="" /> 然后在关掉子页面值就传到<#input id="people" name=""
window.parent.document解决方案【原生js或jQuery 实现父窗口的问题】
javaboy
07-21 6397
做WEB前端开发的过程中，经常会有这样的需求，用户点击【编辑】按钮，弹出一个对话框，在里边修改相应的值，然后把修改后的值显示在原页面，最后点击保存。 用window.parent.document.getElementById().setAttribute("value","")可以很好的解决这个问题。 源代码如下：父页面中的代码： <!doctype html> <html...
总结：子窗口创建及父窗口与子窗口之间通信
Squirrel的专栏
08-15 7631
1、Javascript弹出子窗口可以通过多种方式实现，下面介绍几种方法(1) 通过window对象的open()方法，open()方法将会产生一个新的window窗口对象    其用法为： window.open(URL,windowName,parameters);  URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页；  windowName:描述被打开的窗口的
document.getElementById详解
~飞 鸟 (*^__^*) 天 堂~
10-31 3512
document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是 “ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才 是具体的值！ 参考资料： 1. document . getElementById 的用法和 DHTML.CHM 的下载地址 今天在网络上
js中，关于使用id和document.getElementById()方法获取dom元素的区别
dreamjay1997的博客
05-30 8065
第一种直接使用id获取dom元素的方法，只能在window这个全局变量中没有以此为名字的属性时才会生效但第二种方法却不会遇到这种问题
瀑布流布局——JS+绝对定位
weixin_30502157的博客
02-10 134
绝对定位方式的瀑布流布局： 一、布局 1、包围块框的容器: <div id="main"> ... ... <div> 2、一个块框： <div class="pin"> <div class="box"> <img src="./images/g (1).jpg"/> ...
学习Globle和window对象学习心得+jquery中的$("#id")与document.getElementById("id")的区别+成功激活win10的方法
qq_36566924的博客
04-13 312
0.在所有函数执行前，作用域中就已经存在2个内置对象：Globle和Math对象。 1.关于Globle对象： ①不属于其他对象的属性和方法，最终都是他的属性和方法（如isNAN(),isFinite(),parseInt(),parseFloat()实际上都是他的方法,他的属性 大致有undefined,Nan,Indefinity,Object,Array,Booleab,String,Dat...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值