js父元素获取子元素img_js 下获取子元素的方法
时间: 2023-09-28 11:12:34 浏览: 109
可以使用以下两种方式获取子元素img_js下的子元素:
1. 使用querySelectorAll方法:
```
var childImgs = document.querySelectorAll(".img_js > *");
```
这个方法会选择img_js元素的所有直接子元素。
2. 使用children属性:
```
var childImgs = document.querySelector(".img_js").children;
```
这个方法会选择img_js元素的所有直接子元素,返回一个HTMLCollection对象。
相关问题
jquery获取父元素下子元素的img
您可以使用以下代码来获取父元素下的子元素img:
```javascript
// 假设父元素的id是parent
$('#parent').find('img');
```
或者,如果您想要选择直接子元素,可以使用以下代码:
```javascript
// 假设父元素的class是parent
$('.parent > img');
```
以上代码使用了jQuery库中的选择器来选择父元素下的子元素img。
js关闭子页面时修改父页面的img的src
可以使用 window.opener 来获取父窗口的引用,然后就可以通过该引用来修改父页面的元素了。
以下是一个示例代码:
在父页面中添加一个 img 元素:
```html
<img id="myImage" src="original_image.jpg">
```
在子页面中添加以下代码,用于关闭子页面时修改父页面的 img 的 src:
```javascript
window.onbeforeunload = function() {
// 获取父窗口的引用
var parentWindow = window.opener;
// 修改父页面中的 img 元素的 src 属性
parentWindow.document.getElementById('myImage').src = 'new_image.jpg';
}
```
当子页面关闭时,会触发 onbeforeunload 事件,在该事件的处理函数中,首先获取父窗口的引用,然后通过该引用获取父页面中的 img 元素,并修改其 src 属性。
阅读全文