Office中国论坛/Access中国论坛

标题: 浅谈DOM之四：选择器（3） [打印本页]

作者: roych 时间: 2015-7-3 16:41
标题: 浅谈DOM之四：选择器（3）
本帖最后由 roych 于 2015-7-6 17:31 编辑

   看完前面帖子的版友，可能会问，我想选择一个含有class属性的DIV的嵌套第N层的P元素怎么办？。用byclass的方法要遍历，用bytagname的方法也要遍历，都很麻烦。有没有高级选择器呢？
   答案是：有。那就是鼎鼎有名的CSS选择器。          ——普及一下，CSS（Cascading Style Sheets，样式表），主要用于修饰网页。为了精准地修饰页面元素，所以从一开始，CSS就制定了一套严格的选择器标准。而DOM里的高级选择器querySelector跟querySelectorAll与CSS选择器的写法完全一致。
   常见的CSS选择器见下表（CSS3的支持度还不够广泛，暂不列出来。事实上，冒号选择器也是较少使用的）：

选择器	例子	例子描述
.class	.intro	选择 class="intro" 的所有元素。
#id	#firstname	选择 id="firstname" 的所有元素。
*	*	选择所有元素。
element	p	选择所有 <p> 元素。
element,element	div,p	选择所有 <div> 元素和所有 <p> 元素。
element element	div p	选择 <div> 元素内部的所有 <p> 元素。
element>element	div>p	选择父元素为 <div> 元素的所有 <p> 元素。
element+element	div+p	选择紧接在 <div> 元素之后的所有 <p> 元素。
[attribute]	[target]	选择带有 target 属性所有元素。
[attribute=value]	[target=_blank]	选择 target="_blank" 的所有元素。
[attribute~=value]	[title~=flower]	选择 title 属性包含单词 "flower" 的所有元素。
[attribute\|=value]	[lang\|=en]	选择 lang 属性值以 "en" 开头的所有元素。
:link	a:link	选择所有未被访问的链接。
:visited	a:visited	选择所有已被访问的链接。
:active	a:active	选择活动链接。
:hover	a:hover	选择鼠标指针位于其上的链接。
:focus	input:focus	选择获得焦点的 input 元素。
:first-letter	p:first-letter	选择每个 <p> 元素的首字母。
:first-line	p:first-line	选择每个 <p> 元素的首行。
:first-child	p:first-child	选择属于父元素的第一个子元素的每个 <p> 元素。
:before	p:before	在每个 <p> 元素的内容之前插入内容。
:after	p:after	在每个 <p> 元素的内容之后插入内容。
:lang(language)	p:lang(it)	选择带有以 "it" 开头的 lang 属性值的每个 <p> 元素。

好了，需要注意的是，如果使用querySelector选择器，那么不管符合条件的DOM对象有多少，只返回第一个。——如果找不到则会出错。而querySelectorAll则会返回全部符合条件的DOM对象。

Private Sub cmdselect_Click()
Dim wb As WebBrowser
Dim doc As HTMLDocument
Set wb = Me.WebBrowser0.Object
Set doc = wb.Document
MsgBox doc.querySelector(".test>p").innerText
End Sub
Private Sub cmdselectAll_Click()
Dim wb As WebBrowser
Dim doc As HTMLDocument
Set wb = Me.WebBrowser0.Object
Set doc = wb.Document
MsgBox doc.querySelectorAll("div>p").Item(1).innerText
End Sub

复制代码

[attach]56744[/attach]上一节下一节

作者: 风中漫步 时间: 2015-7-4 10:09
谢谢分享!

呵呵,允许我多说几句.斑竹来点更给力的吧,你写这些太大才小用了.我觉得你是在浪费时间那,现在web应用广泛,而acc(vbasic,不在acc而是这门语言)在这方面功能不强,大家需要一个v-basic语言到js/php/asp等的翻译器来扩展.如果能用v-basic(非s)语言写web应用,会不会是件不错的事?省去很多再学习的时间.我看站长也没动静,你试试怎么样?

作者: ganlinlao 时间: 2015-7-4 11:25
VB已死，有事烧纸！

Dom还是很有必要普及。
至于原因，众说纷芸。

至于vb6直接写服务端。呵呵：
两种途径：
1、寻找VB的fastcgi库。fastcgi允许任何语言直接写web服务端。

2、寻找途径免注册启动的vb的dll，iis如果直接能使用免注册启动的vb的dll,那性能绝对比c#或vb.net写的asp.net要快。

最后我说一句。mshtml没有想象的那么弱。谁说vba不能直接在mshtml中当作脚本来用呢？别光被js给限制住了。

作者: tmtony 时间: 2015-7-7 14:16
DOM CSS DIV JQUERY 这些是通用的，不一定局限于Access,这些知识是非常有用的，不管是c/s 还是b/s

欢迎光临 Office中国论坛/Access中国论坛 (http://www.office-cn.net/)