您的位置：首页 > 其它

Dom getElementsByTagName和getElementById

2018-02-02 13:48 169 查看

1.DOM Core

DOM Core 并不专属于JavaScript，任何一种支持DOM的程序设计语言都可以使用它。

它的用途并非限于处理网页,也可以用来处理任何一种使用标记语言编写出来的文档,例如XML

JavaScript 中的getElemntById(),getElementsByTagName()

这些都是DOM Core的组成部分

getElemntById()

node2:/var/www/html/aa#cat a17.html
<html>
<body>
<div id='ID'>科技</div>
<script type="text/javascript" src="jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="a17.js"></script>
</body>
</html>

node2:/var/www/html/aa#cat a17.js
var domObj = document.getElementById("ID");//获得DOM对象
console.log(domObj);
var ObjHTML= domObj.innerHTML;
console.log(ObjHTML);

Navigated to http://192.168.137.3/aa/a17.html <div id="ID">
a17.js:2:1
科技

[root@node01 tmp]# cat a17.html
<html>
<body>
<div id='ID'>科技</div>
<script type="text/javascript" src="jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="a17.js"></script>
</body>
</html>
[root@node01 tmp]# cat a17.pl
use LWP::UserAgent;
use POSIX;
use HTML::TreeBuilder::XPath;
use Encode;
use HTML::TreeBuilder;
use HTML::TreeBuilder::XPath;
use DBI;
use Encode;
my $tree= HTML::TreeBuilder::XPath->new;
$tree->parse_file("a17.html");
my @pageString = $tree->findvalues('//html/body/div[@id="ID"]');
print "\@pageString is @pageString\n";
[root@node01 tmp]# perl a17.pl
@pageString is 科技

node2:/var/www/html/aa#cat a17.js
var domObj = document.getElementsByTagName("div")[0];//获得DOM对象
var ObjHTML= domObj.innerHTML;
console.log(ObjHTML);

Navigated to http://192.168.137.3/aa/a17.html 科技

科技[root@node01 tmp]# cat a18.pl
use LWP::UserAgent;
use POSIX;
use HTML::TreeBuilder::XPath;
use Encode;
use HTML::TreeBuilder;
use Data::Dumper;
use HTML::TreeBuilder::XPath;
use DBI;
use Encode;
my $tree= HTML::TreeBuilder::XPath->new;
$tree->parse_file("a17.html");
my @pageString = $tree->findvalues('//div');
print @pageString
[root@node01 tmp]# perl a18.pl
科技[root@node01 tmp]#

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航