`

根据元素ID得到元素所在的指定层的ID

阅读更多
根据元素ID得到元素所在的指定层的ID。
一个页面有很多层,验证的时候如果层是隐藏的就无法调用element.focus();

以下代码找到层,让其显示然后focus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 </HEAD>

 <BODY>
  <div id="d1">
	<div><span><input type="text" value ="text" id="in1" /></span></div>
  </div>
  <div id="d2">
	<input type="text" value ="text" id="in2" />
  </div>
 </BODY>
 <script>
	var div_name = ["d1","d2"];
	function getDivByElementName(ename){
		var e = document.getElementById(ename);
		var p ;
		while(true){
			p = e.parentElement;
			if(checkDivsName(p)){
				return p.id;
			}
			e = p;
		}
	}
	function checkDivsName(element){
		for (var i=0;i<div_name.length ;i++ ){
			if(element.id == div_name[i])return true;
		}
		return false;
	}
	var tt = getDivByElementName("in1");
	alert(tt);
 </script>
</HTML>


另外一个
        
var p = document.getElementById(node_span_id).parentElement;
	while(p != null){
		if(checkId(p)){
			return p.id;
			break;
		}
		p = p.parentElement;
	}
分享到:
评论

相关推荐

    指定页面定位位置 滚动条位置

    指定页面定位位置 在html中指定 方便好用

    JavaScript控制网页平滑滚动到指定元素位置的方法

    这样,网页就会平滑地滚动到具有 ID 为 'elementID' 的元素所在的位置。这个方法对于创建响应式的网页布局、导航栏或者任何需要平滑滚动效果的场景都非常有用。 总结起来,JavaScript 控制网页平滑滚动到指定元素...

    JavaScript获取按钮所在form表单id的方法

    在JavaScript中,我们可以使用`getElementById`方法来获取指定ID的DOM元素。下面是一个具体的示例: ```html &lt;!DOCTYPE html&gt; &lt;h1&gt;www.sharejs.com&lt;/h1&gt; &lt;form id="form1"&gt; &lt;button id="button1" type="button"&gt;...

    Jquery获取元素的父容器对象示例代码

    这行代码首先调用`.parent()`获取id为`a`的`img`元素的父元素,然后通过`.attr("id")`获取该父元素的id属性值。 3. 获取更高层级的祖先元素 如果需要获取距离当前元素更高层级的祖先元素,而不是直接的父元素,可以...

    javaScript动态添加Li元素的实例

    按钮的事件监听器通过设置onclick属性来指定删除按钮被点击时调用delBtnData函数,该函数的作用是找到按钮所在的li元素,并将其从父节点ul中移除。 在处理添加删除按钮时,需要注意事件冒泡的原理,即点击按钮时,...

    对Hibernate配置文件中的映射元素详解

    1. `id`:表示主键映射,`name`属性是Java属性名,`generator`用于指定主键生成策略,如`native`(根据数据库类型选择默认生成方式)。 2. `discriminator`:用于处理继承关系,定义一个列来区分不同的子类。 3. `...

    .net中弹出层显示效果

    - 设置ModalPopupExtender的ID、TargetControlID(触发弹出事件的控件ID)、 PopupControlID(弹出层内容所在的控件ID)和CancelControlID(用于关闭弹出层的控件ID)。 - 可以通过BackgroundCssClass属性设置弹出...

    hibernate配置文件元素详解.txt

    - **`schema`**: 指定表所在的模式(schema)名称。 - **`catalog`**: 指定表所在的目录(catalog)名称。 - **子元素**: - **`&lt;meta&gt;`**: 用于存储有关类的元数据,如类描述。 - **`attribute`**: 指定元数据的...

    jquery中获取元素里某一特定子元素的代码

    这个方法能够在其后代元素中搜索所有匹配指定选择器的元素。这样,即使是在深层嵌套的元素中,也能轻松定位到需要操作的元素。 举一个例子,如果需要在类名为“focusphoto”的 dl 元素下的 dd 元素中找到所有的 ...

    HTML5 元素通用DOM接口

    - `scrollIntoView()`方法用于滚动到元素所在位置。 ```javascript element.hidden = true; element.click(); element.scrollIntoView({behavior: 'smooth'}); ``` - **`tabIndex`**、**`focus()`** 和 **`...

    淘宝自动登录自动收藏商品ID的vbs脚本

    这个脚本主要用于简化用户在淘宝网站上的操作,通过预先设定的用户名和密码实现自动登录,并能根据指定的商品ID进行自动收藏。 在VBScript中,我们可以使用WinHttpRequest对象来发送HTTP请求,模拟用户登录过程。...

    javascript动态判断html元素并执行不同的操作.docx

    - **获取元素集合**:首先通过 `document.getElementById("div1").getElementsByTagName("textarea")` 获取指定 div 内的所有文本区域。 - **遍历元素**:使用 for 循环遍历这些文本区域。 - **条件判断**:判断每个...

    HTML在页面上滚动滚轮滚动到指定的位置停.javascript_js跳转到页面指定位置

    当用户点击这个链接时,浏览器会自动滚动到ID为"stop-point"的元素所在位置。 然而,如果希望在用户滚动滚轮时自动停止,可以利用JavaScript的`scroll`事件。下面是一个简单的示例,当页面滚动到特定高度时,阻止...

    CSS之jQuery删除指定行

    这里的`#myTable`是ID选择器,用于选取id为"myTable"的表格元素;`tr:eq(1)`则是选择表格中的第二个`&lt;tr&gt;`元素,然后`remove()`方法将其从DOM中移除。 在实际应用中,可能需要根据某些条件来删除行,例如,用户点击...

    js将滚动条滚动到指定位置的简单实现方法

    3. `aa`函数执行时,`window.location.hash`被设置为`"#title"`,浏览器滚动到`id`为`title`的元素所在的位置。 示例代码如下: ```html &lt;!DOCTYPE html&gt; ; charset=utf-8" /&gt; 无标题文档 function aa() { ...

    jquery弹出层[leanModal]

    3. 初始化leanModal:在JavaScript中初始化leanModal插件,指定触发弹出层的元素ID: ```javascript $(document).ready(function() { $('#openModal').leanModal(); }); ``` 三、选项与事件 leanModal提供了一些...

    flash放置层叠级别

    3. **使用绝对定位**:为了更好地控制Flash对象的位置,通常会将其所在的div设置为`position:absolute`。 #### 五、总结 通过以上分析可以看出,实现Flash放置在div下面的关键在于合理设置CSS样式和Flash对象的...

    Python+selenium实现Web自动化测试的各种元素定位

    值得注意的是,`implicitly_wait`函数用于设置隐式等待,即在找不到元素时,会等待指定时间后再尝试查找,这有助于处理页面动态加载的情况。而`switch_to.frame`用于切换到iframe框架内进行操作,因为某些网页的交互...

    一个可以得到元素真实的背景颜色的javascript脚本

    2. **内部CSS样式表**:其次是元素所在文档中的内部样式表(位于`&lt;style&gt;`标签内)。 3. **外部CSS样式表**:然后是链接到文档的外部样式表文件。 4. **浏览器默认样式**:最后,如果没有明确指定背景颜色,则采用...

    html中select的属性.pdf

    HTML 中 Select 元素的属性大全 在 HTML 中,Select 元素是一个基本但非常重要的控件,它允许用户从预定义的选项...Select 元素的属性非常丰富,开发者可以根据需要选择合适的属性来控制 Select 元素的行为和样式。

Global site tag (gtag.js) - Google Analytics