javascript怎么获得特定的祖先元素

JavaScript code

[code=javascript] function delet_s(obj){

alert(0);

var am=$(obj)parent()parent()find($("input[name^='s_acc']"))val();

alert(am)

$(obj)parent()parent()remove();

}

[/code]

XML/HTML code

<table id="detailTable" width="90%" border="0" cellspacing="0" cellpadding="0" class="addform-base">

<tr id="copy_tr">

<td width="30%"><input type="text" name="claimVoucherDetailaccount" id="c_account" /><span class="notice"></span></td>

<td width="30%"><input type="text" name="claimVoucherDetaildesc" id="desc" /><span class="notice"></span></td>

<td width="10%"><img src="<%=requestgetContextPath() %>/images/addgif" width="16" height="16" id="AddRow" onclick="copy_as()"/></td>

<td>

<img src="<%=requestgetContextPath() %>/images/deletegif" width="16" height="16" onclick="delet_Vou(this)" />

</td>

</tr>

</table>

您好，使用原生js获取

一、getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值，

返回的是一个CSS样式声明对象 ， 只读， 此方法支持Firefox浏览器;

语法：var style=windowgetComputedStyle(“元素”，“伪类”);第一个参数是必须的，第二个为可选的。

二、currentStyle 是一款可以兼容IE浏览器的属性返回的是当前所有最终使用的CSS属性值，

利用elementCurrentStyleattribute可获取

其与getComputedStyle区别：1、 currentStyle不支持伪类样式获取；

2、currentStyle不支持现代浏览器，支持IE

原生JS中如何获取CSS属性中的值

ref ：被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的 $refs 对象上。如果在普通的DOM元素上使用，那么指向的就是普通的DOM元素。

Vue特点: 数据驱动界面更新, 无需 *** 作DOM来更新界面

也就是说Vue不推荐我们直接 *** 作DOM, 但是在开发中有时候我们确实需要拿到DOM *** 作DOM

那么如果不推荐使用原生的语法获取DOM, 我们应该如何获取DOM

在Vue中如果想要拿到DOM元素我们可以通过ref来获取

例如: <p ref="myP">我是段落</p>

例如 this$refmyP

refs : 一个对象，持有注册过 ref 特性 的所有 DOM 元素和组件实例

注意： refs 只会在组件渲染完成之后生效，并且它们不是响应式的。这只意味着一个直接的子组件封装的“逃生舱”——你应该避免在模板或计算属性中访问 $refs 结语

在讲ref特点之前我们先来回顾， 原生语法获取元素的特点

例如： 通过原生的语法 documentquerySelector 获取到的都是被渲染之后DOM元素， 也就是原生的元素

在Vue中如果想获取原生的元素或者获取自定义的组件, 可以通过ref来获取

拿到了组件后, 还可以访问组件中的数据

以上就是关于javascript怎么获得特定的祖先元素全部的内容，包括:javascript怎么获得特定的祖先元素、原生JS中如何获取CSS属性中的值、13-Vue特殊属性-ref等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！