怎么用JS获取某一个指定页面（非本页面）的HTML代码？

JavaScript0233

怎么用JS获取某一个指定页面（非本页面）的HTML代码？,第1张

1、在浏览器中打开要调试的网页，然后点击”F12 Developer Tools“，也可以使用快捷键F12。

2、弹出的工具窗口中，默认选择是Dom Explorer功能，它会列出网页的源代码和CSS样式列表。

3、使用元素定位功能选择页面中的一个元素，也会定位到源代码中位置。

4、对定位到的文字修改CSS样式，添加inline style，比如把字体变为红色。

5、查看元素已经应用的CSS样式，点击"computed"菜单。

6、然后查看元素的布局信息，点击"Layout"菜单。

思路：用getElementsByTagName方法来实现。

片断代码如下：

<html>

<head>

<script type="text/javascript">

function getElements()

  {

  var x=document.getElementsByTagName("input")

  alert(x.length)

  }

</script>

</head>

<body>

<input name="myInput" type="text" size="20" /><br />

<input name="myInput" type="text" size="20" /><br />

<input name="myInput" type="text" size="20" /><br />

<br />

<input type="button" onclick="getElements()" value="How many input elements?" />

</body>

</html>

效果图如下：

定义和用法

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。