js中调用子元素，js获取指定子元素

JavaScript中,可以用元素的innerHTML直接添加子元素吗?

可以用appendChild，innerHTML等实现。最常用的是appendChild，也就是给当前元素添加子元素，并且追加到最后。

最简单的方法就是用元素的innerHTML属性赋值，如：myNewElement.innerHTML = “我是文本”；但这样不能清晰的体现DOM中新增加了一个文本节点。

首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表。然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。通过value属性我们可以获得用户在input中输入的内容，如下图所示。

元素设置：元素。innerhtml＝htmlString；代码示例如下：得到了innerHTML 段p 文档。getelementbyid（“test”）。

相关问答

Q1: js实现获取父元素下的子元素,如下的代码,我想通过getElementByClassName...

1、示例：显示信息都是object，getElementByClassName也返回一个具有相同类名的元素数组，获取和设置属性getAttribute object.getAttribute(attribute)。注：getAttribute方法不属于document对象，它只能通过元素节点对象调用。

2、用于触发执行js函数。在js标签内，创建函数，在函数内，使用getElementById()方法通过id（mydiv）获是div对象，再使用getElementsByTagName()方法获得div下面的p元素对象，最后，使用alert()方法输出p元素的内容。

3、在body区域里添加了子，父，祖父三级div，代码如下。演示代码写好后，打开浏览器，在浏览器上运行看看效果。下面在head区域里添加实现js获取最高父级的代码，代码具体如下，这样利用了while循环来判断的。

4、其实我们更细一点的分析，完全可以把这个字符串拆分成2步，第一步：根据document.getElementByTagName(tagName)取得span的元素集合，第二：再根据其test来进行判断，把不等于的元素从集合中删去。

5、新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。

Q2: JS如何获得指定的子元素?

var b =document.getElementById(test).childNodes；使用childNodes获取子节点的时候，childNodes返回的是子节点的集合，是一个数组的格式。他会把换行和空格也当成是节点信息。

新建一个html文件，命名为test.html，用于讲解Jquery如何获得div下的元素。在test.html文件内，使用div标签创建一个模块，在div内，使用p标签，span标签创建测试的内容。

使用jquery获取某DIV的子元素，通常有以下两种方法：子元素选择器（），例如 $(divimg) 获取div下的img子元素；遍历函数children()，例如 $(div).children(img) 同样是获取div下的img子元素。

关于js中调用子元素和js获取指定子元素的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。