1、新建一个html文件，命名为testhtml。
2、在testhtml文件内，创建一个div模块，并设置其id属性为mydiv，用于下面使用js获得标签对象。
3、在testhtml文件内，在div标签内，填写一段文字，并加入一个span标签。
4、在testhtml文件内，创建一个button按钮，按钮名称为“获取html”。
5、给button绑定onclick点击事件，当按钮被点击时，执行myfun()函数。
6、在testhtml文件内，在js标签内，创建myfun（）函数，在函数内，使用getElementById（）方法获得div对象，通过innerHMTL属性获得div内的html内容，最后，使用alert方法将获得的html内容以d窗形式显示
7、在浏览器打开testhtml文件，点击按钮，查看获得的html标签内容。
1、var a = documentgetElementById("test")getElementsByTagName("div");
代码的test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。
2、var b =documentgetElementById("test")childNodes;
使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。
扩展资料：
js获取父节点的方式：
1、parentNode获取父节点
获取的是当前元素的直接父元素。parentNode是w3c的标准。
var p = documentgetElementById("test")parentNode
2、parentElement获取父节点
parentElement和parentNode一样，只是parentElement是ie的标准。
var p1 = documentgetElementById("test")parentElement;
3、offsetParent获取所有父节点
一看offset我们就知道是偏移量 其实这个是于位置有关的上下级 ，直接能够获取到所有父亲节点， 这个对应的值是body下的所有节点信息。
var p2 = documentgetElementById("test")offsetParent;
获取文本框中的内容有以下两种方法：
假设为如下文本框：
<input type="text" value="" id="text">1、原生JS获取文本框的值：
documentgetElementById("text")value //text为文本框的id2、jquery获取文本框的值：
$("#text")val()定义一个id="flower"的div元素 并设置如上样式，目标就是通过javascript来获取样式的最终属性 ；
<div id="flower" ></div>
getStyle函数:
这里用到了三个原型扩展
Stringprototypecapitalize 这个方法是让字符串首字母大写
Arrayprototypecontains 判断数组中是否有指定成员
Stringprototypecamelize 这个是让"font-size" 字符串转换成 "fontSize" 这样的格式用来获取样式。
你这个问题很奇怪据我所知就没有这么一说的
当你使用
<script type="text/javascript" src="demojs"></script>
这个导入一个js文件的时候实际上是把整个demojs导入到这整个html页面中也就是说 domejs和直接写在html页面里完全一样 举个例子
dmeojs里的内容是这样
documentwrite("Hello World!");
就这一行内容
html页面是这样
<body>
<script type="text/javascript" src="demojs"></script>
</body>
你这么写其实和
<body>
<script type="text/javascript"></script>
documentwrite("Hello World!");
</body>
是完全一样的 至于你说的demojs需要参数
现在假设dmeojs里的内容是这样
//这有这么一句 而且也没有定义变量n
documentwrite(n);
<body>
<script type="text/javascript">
var n="Hello World!"
</script>
<script type="text/javascript" src="demojs"></script>
</body>
这样也能正确输出结果 可是在demojs中没有定义变量n 但是在html里定义的n却可以使用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" " >
两种方案：<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);//获取到啦
以上就是关于js 获取 html标签全部的内容，包括:js 获取 html标签、js如何获取某id的子标签、html+JS 输入文本框，获取文本框内容且输出等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）