谷歌插件js 获取iframe 里面的class属性
时间: 2024-12-12 09:23:15 浏览: 14
在JavaScript中,如果你想获取嵌套在`iframe`里面的元素的`class`属性,你可以通过`contentWindow`或`contentDocument`来访问。这里是一个简单的例子:
```javascript
// 假设iframe的id是"myIframe"
var iframe = document.getElementById('myIframe');
if (iframe.contentWindow) { // 如果iframe是跨域的,可能会有安全限制
var iframeDoc = iframe.contentWindow.document;
var targetElement = iframeDoc.querySelector('.your-class-selector'); // 选择目标元素
if (targetElement) {
var classAttr = targetElement.className; // 获取class属性值
console.log(classAttr);
}
} else if (iframe.contentDocument) { // 否则如果iframe在同一域下
var iframeDoc = iframe.contentDocument;
// ...继续执行相同的查询和属性获取
}
```
在这个例子中,我们首先获取了`iframe`元素,然后检查它是否有`contentWindow`(对于同源`iframe`),如果没有就检查`contentDocument`。接着我们在`iframe`的文档中使用`querySelector`选择器找到特定的元素,并通过`.className`获取其`class`属性。
阅读全文