WebBrowser 如何获取html中内嵌的子html中的子元素?

WebBrowser 如何获取html中内嵌的子html中的子元素?,第1张

var loginIframe = document.getElementById("alibaba-login-box")

var loginDocumnet = loginIframe.contentWindow.document || loginIframe.contentDocument

var label = loginDocument.getElementsByClassName("sms-login-title")[0]

我讲一下这几句的思路,题主你看一下,其实不难的

第一句:根据id获取你需要的iframe

第二句:过去iframe下的document

第三句:根据类名获取元素

$("body div")是选取<body>里所有的<div>元素;

$("body>div")是选取<body>下元素名是<div>元素的子元素

假如:

<body>

<div class="one">

class为one的div

<div class="childrenone">one children one</div>

<div class="childrenone">one children two</div>

</div>

<div class="two">

class为one的div

<div class="childrentwo">two children one</div>

<div class="childrentwo">two children two</div>

</div>

</body>

$("body div")选取的是<div class="one">和<div class="two">这两个<div>元素和<div class="childrenone">和<div class="childrentwo">四个<div>元素,所以总共选取了六个<div>元素,这些元素都是<body>的后代(包括子元素的子元素);

$("body>div")选取的是<div class="one">和<div class="two">这两个<div>元素,即<body>的子元素

HTML中的继承可以理解为css的继承,因为继承的是样式,可以这样简单的理解:

1、继承即子元素继承父元素的相关样式属性,如:

<html>

<body style="background:redfont-size:12px ">

<p>测试一下</p>

<body>

</html>

上面的实例中段落的文字就会继承body的样式

2、如果子元素也设置可与父元素同样的属性,则继承会被覆盖。

3、一些定位的样式喝特殊样式不会被继承。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7184026.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存