获取html页面元素

html-css016

获取html页面元素,第1张

两个页面分开的话，获取另外一个页面是比较麻烦的。

可行的办法是将另一个页面放在第一个页面的iframe中，将其display设置为none，然后设置ID，比如：<iframe id="frame" src="xxx.html" style="display:none">

用js直接获取就行了，var w = document.getElementById("frame").contentWindowvar elem = w.getElementById("xxx")//这就是另一个页面中的元素

根据W3C的定义规范： header元素是一种具有引导和导航作用的辅助元素。通常，header元素可以包含一个区块的标题(如h1至h6，或者hgroup元素标签)，但也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片。 a group of introductory or navigational aids. A header element typically contains the section’s heading (an h1–h6 element or an hgroup element), but can also contain other content, such as a table of contents, a search form, or any relevant logos.需要注意，不要将<header>与<head>标签混淆。怎样使用<header>元素？我们可以使用该元素来写整个页面的标题部分：<header>

<h1>The most important heading on this page</h1>

</header>同一个页面中，每一个内容区块都可以有自己的<header>元素，例如：<header>

<h1>The most important heading on this page</h1>

</header><article>

<header>

<h2>Title of this article</h2>

</header>

<p>...Lorem Ipsum dolor set amet...</p>

</article><header>元素中必要的内容有哪些？<header>元素通常包含一个标题标签(h1至h6)或是hgroup。另外，也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片；根据最新的W3C HTML5规范更新，<nav>元素标签也可以在<header>中使用。

在HTML页面中，获取当前select元素中所选中的那个值和显示值。

<tr>

<th scope="row" width="15%" nowrap >*目标字段</th>

<td><select name="idMbzd" style="width:25%" onchang=”on_idmbzd_change()”>

<option value=”1”>eg1</option>

<option value=”2”>eg2</option>

<option value=”3”>eg2</option>

</select>

</td>

</tr>

<script>

function on_idmbzd_change(){

var sel_obj = document.getElementByIdx("idMbzd ")；

var index = sel_obj.selectedIndex

alert(sel_obj.options[index].value)

alert(sel_obj.options[index].text)

}

</script>

设置select元素的选中项：

通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。

<select id = "sel" >

<option value = "1" >1</ option >

<option value = "2" selected = "selected" >2</ option >

<option value = "3" >3</ option >

</ select >

扩展资料

超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。

HTML标签的大小写无关的，例如“主体”<body>跟<BODY>表示的意思是一样的，推荐使用小写。

参考资料来源：百度百科-HTML