js怎么获取一个元素

JS认为HTML文件会被浏览器解析为文档流，写在HTML里面的所有标签元素都可以从文档流中读取到。基于这个理论，JS定义了一个document对象，专门用来处理文档流。

要想获取一个元素，有两种方式：一种是根据元素的类名（class属性值），另一种是根据元素的ID。假设有一个input元素，JS获取该元素的方式如下：

<input class="isInput" id="input_first">

var element=documentgetElementByClass("isInput")[0];或者

var element=documentgetElementById("input_first");

需要注意的是，根据类名获取到的是一个数组，必须要通过下标才能获取到具体的某个元素。而根据ID获取到的则是具体的元素，所以常用的方式是用ID来获取。

1、新建一个html文件，命名为testhtml，用于讲解JS如何获取指定DIV下的子元素LI的值。

2、在testhtml文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目一、项目二。

3、在testhtml文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取LI的值”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getli

6、通过获得li对象，使用each()方法遍历每一个li对象，通过text()方法获得li的值，使用push()方法将获得li值存进数组中。最后，使用alert()方法将所有li值输出。

7、在浏览器打开testhtml文件，点击按钮，查看结果。

query取得iframe中元素的几种方法

在iframe子页面获取父页面元素

代码如下:

$('#objId', parentdocument);

// 搞定

在父页面 获取iframe子页面的元素

代码如下:

$("#objid",documentframes('iframename')document)

$(documentgetElementById('iframeId')contentWindowdocumentbody)html()

显示iframe中body元素的内容。

$("#testId", documentframes("iframename")document)html();

根据iframename取得其中ID为"testId"元素

$(windowframes["iframeName"]document)find("#testId")html()

用JS或jQuery访问页面内的iframe,兼容IE/FF

注意:框架内的页面是不能跨域的!

假设有两个页面,在相同域下

indexhtml 文件内含有一个iframe:

XML/HTML代码

">

你用dom *** 作就可以了，做过dom树的遍历，在你页面加载完以后，也就是把你的js里的 *** 作函数定义在windowonload上，然后遍历页面已经有的这些元素，具体怎么遍历看你想深度优先还是广度优先深度优先就判断每个node的firstChild是不是空，如果不是空就继续取值，如果是空就判断nextSibling的值，广度优先就先判断nextSibling然后再判断下一层，以此类推

相关代码：

var editable = documentgetElementById('editable');

addEvent(editable, 'blur', function () {

// lame that we're hooking the blur event

localStoragesetItem('contenteditable', thisinnerHTML);

documentdesignMode = 'off';

});

addEvent(editable, 'focus', function () {

documentdesignMode = 'on';

});

if (localStoragegetItem('contenteditable')) {

editableinnerHTML = localStoragegetItem('contenteditable');

}

function searchKeys(needle, haystack){ var result = []; for (i in haystack){if (haystack[i] == needle){ resultpush(i);}} return result;} var array = [1,2,1,3,1,4,1,5,1,1];var val = 1;var result = searchKeys(val, array);alert(result);

以上就是关于js怎么获取一个元素全部的内容，包括:js怎么获取一个元素、JS如何获取指定DIV下的子元素LI值、JavaScript或jquery获取frame的元素的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！