因为在网页的加载过程中是从上往上慢慢加载的（一般你打开网页可以看到页面加载时和文字的显示都从上往下慢慢显示的），因此当加载到你的JS代码时，此时JS去找pre标签，而此时pre标签还未加载，所以不可能找到，但是如果你这段JS放在pre标签的后面就会显示正常。
解决办法有三种：
1、同一楼所说的，在body标签中加入 onload=函数名，该函数名对应的函数体就是你这段JS代码。
2、对<script language="javascript" type="text/javascript">稍作修改，：<script language="javascript" type="text/javascript" defer="true">加入defer标签，意味着这段JS代码延迟加载。
3、可以使用jQuery库，
<script language="javascript" type="text/javascript">
$(function(){
你的JS代码
})
</script>
在JS当中获取HTML当中任意一个标签的值的方法：
1 通过id等属性，获取相应标签
2 innerHTML属性的使用
<!doctype html><html>
<head>
<meta charset="UTF-8">
<title>码匠- H5course</title>
</head>
<body>
<ol id="list">
<li>HTML5</li>
<li>学堂</li>
<li>h5course</li>
</ol>
<script>
var list = documentgetElementById('list');
consolelog(listinnerHTML);
</script>
</body>
</html>
显示效果：
用ajax。
引入jquery的话，
$("button")click(function(){
$("div")load('testhtml');
});
如果你要获取这个页面某个id或者类的html还可以这么写
$("button")click(function(){
$("div")load('testhtml
#container');
});
这个可以直接把新页面的html元素加载到指定的div或者别的元素里面。
如果你要纯代码的话，那再获取这个div的html就可以了。
$("div")html();
有原生DOM获取以及用js库比如jquery。。。
原生DOM的话首先标签你得有id或者啥的
<p id="targetp" >2333333</p>
<script>
var element = documentgetElementById("targetp");
var tagname = elementtagName;
alert(tagname);
</script>
有原生DOM获取以及用js库比如jquery
原生DOM的话首先获取标签对象，id或者name或其他
例：
1
<p id="targetp" >2333333</p>
<script>
var element = documentgetElementById("targetp");
var tagname = elementtagName;
alert(tagname);
</script>
jQuery获取
$("#content-header")get(0)tagName
如果已经获取到对象可以直接获取标记名
<p onclick="alert('您单击的是：'+thistagName);">中华人民共和国</p>
两种方案：<br>1 元素获取，通过给input标签加id，通过getElementById（id）获取到该元素，然后直接访问它的value属性即可<br><input id="test"/><br>例：var oInput=documentgetElementById("test");<br>alert(oInputvalue);//获取到啦<br>2 节点获取，通过获取表单元素，然后通过表单中中各input元素的name属性获取Input子元素，进而获取它的value值<br><input name="test"/><br>例：var oForm=documentgetElementById("form1");<br>alert(oFormtestvalue);//获取到啦
下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素，使用for循环把取得的div元素的值存入数组arr中，完成的代码如下：
运行结果，打印数组如下：
扩展资料：
js或jQuery获取html元素的值的常用方法：
例如：<div id="aa">值</div>
js写法：
alert(documentgetElementById('aa')innerHTML);
jQuery写法：
alert($('#aa')html());
说明如下：
innerHTML是取元素的内部html代码，此例中即div内部的所有html代码。
html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法。
以上就是关于js 获取html元素的属性全部的内容，包括:js 获取html元素的属性、js获取html中的值、怎么用JS获取某一个指定页面（非本页面）的HTML代码等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）