js获取html元素的方式

html-css014

js获取html元素的方式,第1张

js获取html元素的方式

+通过ID获取:getElementById('id属性值')

+通过标签名:getElementsByTagName('标签名')

+通过类名:getElementsByClassName('类名')

+通过name属性:getElementsByName('name属性值')

+通过选择器获取一个元素:querySelector

+通过选择器获取一组元素:querySelectorAll

1.获取id值为d1的html元素

将获取到的html元素称为DOM节点对象,必须传参数,参数是string类型,是获取元素的id。返回值只获取到一个元素,没有找到返回null。

2.通过标签名:getElementsByTagName('标签名')

参数是是获取元素的标签名属性,不区分大小写,根据标签名获取html元素, 返回的是一个数组(伪数组) 

通过类名:getElementsByClassName('类名')

参数是元素的类名,返回值是一个类数组,没有找到返回空数组。

通过类名:getElementsByClassName('类名')

必须传参数,参数是是获取元素的name属性,返回值是一个类数组,没有找到返回空数组。

通过选择器获取一个元素:querySelector

参数是选择器,返回值只获取到第一个元素。

通过选择器获取一组元素:querySelectorAll

参数是选择器,返回值是一个数组。

功能: 从文件中提取HTML标签

* 入口:

* $filename 文件名

* $tag 标签名

* 返回数组,每项为:

* tagName String

* Text String

* Attrs Array

*

* 示例:

* print_r(tags(“test1.htm“,“a“))

* print_r(“http://localhost/index.htm“,“img“)

*/

function tags($filename,$tag) {

$buffer = join(““,file($filename))

$buffer = eregi_replace(“\r\n“,““,$buffer)

$tagkey = sql_regcase($tag)

$buffer = eregi_replace(“〈$tagkey “,“\n〈$tag “,$buffer)

$ar = split(“\n“,$buffer)

foreach($ar as $v) {

if(! eregi(“〈$tagkey “,$v)) continue

eregi(“〈$tagkey ([^〉]*)((.*)〈/$tagkey)?“,$v,$regs)

$p[tagName] = strtoupper($tag)

if($regs[3])

$p[Text] = $regs[3]

$s = trim(eregi_replace(“[ \t]+“,“ “,$regs[1])).“ “

$s = eregi_replace(“ *= *“,“=“,$s)

$a = split(“ “,$s)

for($i=0$i〈count($a)$i++) {

$ch = array()

if(eregi(“=[\“’]“,$a[$i])) {

$j = $i+1

while(!eregi(“[\“’]$“,$a[$i])) {

$a[$i] .= “ “.$a[$j]

unset($a[$j])

}

}

}

foreach($a as $k) {

$name = strtoupper(strtok($k,“=“))

$value = strtok(“\0“)

if(eregi(“^[\“’]“,$value))

$value = substr($value,1,-1)

if($name)

$p[Attrs][$name] = $value

}

$pp[] = $p

}

return $pp

}

?〉