如何使用JS获取父容器

最新推荐文章于 2022-01-04 14:17:12 发布
原创 最新推荐文章于 2022-01-04 14:17:12 发布 · 3.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#input #button #function #xhtml #action #table

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function test() {
            var obj = document.getElementById("nation").parentNode;//获取父容器
            var e = createEle();
            obj.appendChild(e);
        }
        function createEle() {
            var e = document.createElement("span");

            e.innerHTML = "test";
            return e
        }

    </script>
</head>
<body>
    <form action="#" method="post" id="myform">
    <table>
        <tr xmlns="">
            <td>
                <label>
                    民族</label>
            </td>
            <td>
                <input id="nation" name="nation" class="InputValue" type="text" />
            </td>
        </tr>
        <tr xmlns="">
            <td>
                <label>
                    爱好</label>
            </td>
            <td>
                <div id="hobby" style="needcheck: true; isnull: false; des: 爱好">
                    <input name="hobby" value="车" type="checkbox" checked="" />车<input name="hobby" value="特卖"
                        type="checkbox" />特卖</div>
            </td>
        </tr>
    </table>
    <input type="button" value="button" onclick="test();" />
    </form>
</body>
</html>

javascript客户端遍历控件与获取父容器对象示例代码
12-08
在JavaScript中，客户端遍历控件与获取父容器对象是前端开发中常见的任务，这主要涉及到DOM（Document Object Model）的操作。DOM是HTML或XML文档的结构化表示，通过它可以访问和修改页面上的元素和属性。以下是对...
Jquery获取元素的父容器对象示例代码
10-26
它是获取父元素最直接的方法，使用时只需在jQuery对象后面调用`.parent()`即可。例如，如果要获取一个id为`a`的`img`标签的父级元素，代码如下： ```javascript $("#a").parent(); ``` 这行代码会返回id为`a`的...
javascript客户端遍历控件和怎么获取父容器对象
weixin_30887919的博客
08-22 126
1，遍历也面中所有的控件 function findControlAll() { var inputs=document.getElementsByTagName("input"); for(j=0;j<inputs.length;j++) if(inputs[j].type=="text") //这儿将页面所有类型为t...
JS关于父容器的一些操作记录
zhaoyy0513的博客
09-23 234
（1）触发父级容器元素的点击事件 parent.$(window.parent.document).find('.sidebar-brand').click();// 获取的父级的元素 触发点击事件； （2）父级元素选择器，比如本身是iframe想要获取iframe之外的元素 $('#menu', parent.document); 比如想要判断父级元素是否包含某个class if( $('#menu', parent.document).hasClass("cpicdg-sidebar
用js获得父对象（即其容器）的id
weixin_30325487的博客
08-07 139
parentNode 获取文档层次中的父对象。 parentElement 获取对象层次中的父对象。 转载于:https://www.cnblogs.com/wangpei/archive/2009/08/07/1541175.html
javascript模式窗口中如何获取和设置父页面中控件
agnsm00804的专栏
09-08 158
javascript模式窗口中如何获取和设置父页面中控件的值用var return = window.showModalDialog('页面',window,'宽高等');把父页面的整个window作为参数传递到子页面，在子页面js获取父页面控件值window.dialogArgument.document.getElementById('父页面控件id').value；设置父...
使用js获取父组件容器大小的方法
最新发布
11-11
在 JavaScript 中，有多种方法可以获取父组件容器的大小，以下为你详细介绍： ### 使用 `clientWidth` 和 `clientHeight` `clientWidth` 和 `clientHeight` 属性可以返回元素的内部宽度和高度，包含内边距，但不...
Javascript获取窗口(容器)的大小及位置参数列举及简要说明
12-04
Javascript获取窗口（容器）的大小及位置一系列的东西比较多，容易混淆，在这里列举及简要说明下： 属性方法说明： clientX 相对文档的水平坐标; clientY 相对文档的垂直坐标; offsetX 相对容器的水平坐标; offsetY ...
JS取FRAME或父窗口控件的值
顾传龙
01-19 2079
转自：http://blog.sina.com.cn/s/blog_4779b7f50100b9d0.html 1子页面取父页面的控件值 window.opener.document.getElementByIdx("bgmc"); window.parent.document.all.fistmessage.innerText='xxxxxxxxx' 2在FRAME框架下去某
js控制复选框和父容器样式
v_loading的博客
01-04 481
js控制复选框和父容器样式 效果 点击复选框和父容器，都会出现边框选中效果。 实现 因为点击复选框，冒泡会触发父容器事件，且复选框会自动切换checked，所以需判断是由谁触发的。 <script type="text/javascript"> $(function() { //身份选择 var ck1 = $('#ck1') var ck2 = $('#ck2') var ck3 = $('#ck3') var ib1 = $('#ib1')
js获取容器的大小（宽高）
weixin_37347069的博客
12-04 1万+
通过JS获取盒模型对应的宽和高，有以下几种方法： 1. dom.style.width/height 这种方式只能取到dom元素内联样式所设置的宽高，也就是说如果该节点的样式是在style标签中或外联的CSS文件中设置的话，通过这种方法是获取不到dom的宽高的。 2. dom.currentStyle.width/height 这种方式获取的是在页面渲染完成后的结果，就是说不管是哪种方式设...
JS获取控件ID
houxh86的专栏
08-20 3525
普通状态中JS获取控件ID document.getElementById('controlID');   JS获取父窗口控件ID window.parent.document.getElementById("controlID");   JS获取iframe中控件I
dom元素父子容器互相调用控制
weixin_30338481的博客
07-24 824
在html中普通的父容器调用子容器中的方法十分简单 因为这两个容器的所有方法和属性都在同一个dom模型中 可以直接控制和使用 但是如果子容器中是一个iframe标签又是怎样的情况？ iframe请求另外一个页面并显示 这时候父子容器的方法和属性等都不在一个dom模型中了 有些情况又要求父子容器能够互相调用方法来实现某一功能 这时候要怎么实现这个要求呢 其实一个h...
JS获取子节点、父节点和兄弟节点的若干种方式
热门推荐
laok_的博客
07-22 29万+
一、js获取子节点的方式1.通过获取dom方式直接获取子节点其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。var a = document.getElementById("test").getElementsByTagName("div"); 2.通过childNodes获取子节点使用child
js获取元素相对于父级元素的高度
lx_1024的博客
12-20 3万+
js获取元素相对于父级元素的高度 1. offsetLeft 、offsetTop      用于获取子元素相对于父元素的位移（左位移、上位移）            console.log(oNode.offsetLeft); 2. offsetWidth、offsetHeight      用于获取元素的可见宽度和可见高度            cons
jquery 移动到对应元素_JS中获取元素属性的8大方法
weixin_39771969的博客
11-19 390
今天想聊聊在Web前端开发中经常用到的技术：获取元素属性的一系列方法【innerHTML、outerHTML、innerText 、outerText、value、text()、html()，val()】这些方法，大家应该用过，如果让你说出它们的一些区别和联系，能答得上来吗？接下来让我们一起来温故下。首先我们需要把它们归类下：innerHTML、outerHTML、innerText 、outer...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值