javascript获取当前元素_javascript中如何获取元素的ID

㈠ jquery获取当前元素的classname

一般而言，JQuery可以利用attr来获取元素的属性值，

1、$("元素").attr("属性");//获取指定属性的值

2、$("元素").attr("属性","属性值");//设置属性值

3、$("元素").removeAttr("属性"); //移除指定属性

不过在1.6中加入了prop，用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时，将会返回标准属性true/false，不会和之前的attr一样，返回checked或者“”。

而JQuery中获取类名的属性为class亦可以为className，因为在HTML DOM中没有class属性，而是className属性。在JQuery中，有对className作出关键字的转换。

(1)javascript获取当前元素扩展阅读：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

㈡ JavaScript如何获取按钮所在的div元素

这要分两种情况：

1、按钮在div中。

js"><div>
<inputtype="button"id="btn"/>
</div>

我们可以通过：

varbtn=document.getElementById("btn");//获取按钮节点
vardiv=btn.parentNode;//获取di元素，当然不一定div就是按钮的父元素，可以通过parentNode向上查找，最好还是给div加一个id

2、按钮不在div中

<inputtype="button"id="btn"/>
<div></div>

我们可以通过：

//以上这种情况最好给div加一个id,通过以下方式获得
vardiv=document.getElementById("div")
//如果不想加的话，以下方式
vardivs=document.getElementsByTagName("DIV");
vardiv=divs.item(n);//n表示要取的div,从0开始

㈢ js中鼠标移动事件触发时,如何获得当前鼠标所在元素的内容

用jquery库写就更简单呀,如这样:

$(function(){

$('div#liboxli').mouseover(function(){alert($(this).find('span').html());});

});

㈣ js/jquary 获取当前元素id

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"
content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,shrink-to-fit=no">
<title>Title</title>
</head>
<body>
<divid="container">
<divid="id_1">textContent_1</div>
<divid="id_2">textContent_2</div>
<divid="id_3">textContent_3</div>
<divid="id_4">textContent_4</div>
<divid="id_5">textContent_5</div>
<divid="id_6">textContent_6</div>
<divid="id_7">textContent_7</div>
<divid="id_8">textContent_8</div>
<divid="id_9">textContent_9</div>
<divid="id_10">textContent_10</div>
<divid="no_1">textContent_no_event_call</div>
<divid="no_2">textContent_no_event_call</div>
<divid="no_3">textContent_no_event_call</div>
<divid="no_4">textContent_no_event_call</div>
<divid="no_5">textContent_no_event_call</div>
</div>
<scripttype="text/javascript">
//采用代理方式处理
vardivs=document.querySelectorAll("div[id^='id_']");
varids=Array.prototype.slice.call(divs).map(function(div){
returndiv.id;
});
document.querySelector('#container').addEventListener('click',function(e){
if(ids.indexOf(e.target.id)>-1){
alert(e.target.textContent);
}
},false);

</script>
</body>
</html>

㈤ javascript中如何获取元素的ID

通常元素的ID获取使用getElementById（）方法，实例如下：
元素值设定为input：
<input name="input_name" id="input_id" class="password"></input>
在JS中获取ID值也就是“input_id”这个值：
<script type="text/javascript" language="javascript">
var item = document.getElementById("input_id");
</script>
如此，所有为input_id的ID的input对象都在item中了。

㈥ Javascript获取Html界面元素的几种方法

getElementById()
//通过ID来取得元素，所以只能访问设置了ID的元素，比如说有一个DIV的ID为docid：
//<divid="docid"></div>
//那么就可以用getElementById("docid")来获得这个元素。

getElementsByName()
//通过NAME来获得元素，DOCUMENT中元素的NAME可以重复，如果一个文档中有两个以上的标//签NAME相同，那么getElementsByName()就可以取得这些元素组成一个数组。
//比如有两个DIV：
//<divname="docname"id="docid1"></div>
//<divname="docname"id="docid2"></div>
//那么可以用getElementsByName("docname")获得这两个DIV，用getElementsByName("docname")[0]访问第一个DIV。

getElementsByTagName()
//通过TAGNAME（标签名称）来获得元素，一个DOCUMENT中会有相同的标签，所以这个方法也是取得一个数组。
//可以用getElementsByTagName("div")来访问它们，用getElementsByTagName("div")[0]访问第一个DIV，用getElementsByTagName("div")[1]访问第二个DIV。

㈦ javascript如何获取点击元素的值

可以通过js dom 来获取，对元素设一个id值，然后为元素绑定一个click事件或直接设置 "onclick="，然后调用相应的function，在function中通过：document.getElementById("") ,就可以获取到地点的元素对象，然后在浏览器中按F12进行调试，就可以看到这个对应的所有属性及方法，当然元素的值也在里面。
单纯获取值是：document.getElementById("").value;

㈧ Javascript angular2中$event.target有时获取的是当前元素的子元素，这种问题该怎么避免呢

这就是事件冒泡，当一个元素触发事件后，会逐层上报给父元素、祖父元素……乃至document，也就是说这些元素都会同时触发事件。这种情况下，event.target就是指最初触发事件的那个子元素（就比如你题目中的img），而event.currentTarget才是被冒泡后触发事件的当前元素（比如li）。这也就意味着，当你点击li时，如果点到的是子元素img，则event.target就是img，而event.currentTarget则是li，而当你点到的是li里面除img之外的其他部分时，event.target和event.currentTarget都是li
所以，现在你知道该怎么做啦？就是不要使用event.target，改用event.currentTarget

㈨ javascript中如何获取元素的ID

通常元素复的ID获取使用getElementById（）方法，实例制如下：
元素值设定为input：
<input name="input_name" id="input_id" class="password"></input>
在JS中获取ID值也就是“input_id”这个值：
<script type="text/javascript" language="javascript">
var item = document.getElementById("input_id");
</script>
如此，所有为input_id的ID的input对象都在item中了。

㈩ javascript怎么获取元素的所有内容

试一下ContentEditable这个属性。

看一下这个 Demo：

HTML5 Demo: ContentEditable

http://html5demos.com/contenteditable
相关代码：

vareditable=document.getElementById('editable');addEvent(editable,'blur',function(){
//lamethatwe'rehookingtheblurevent
localStorage.setItem('contenteditable',this.innerHTML);
document.designMode='off';});addEvent(editable,'focus',function(){
document.designMode='on';});if(localStorage.getItem('contenteditable')){
editable.innerHTML=localStorage.getItem('contenteditable');}

不过，建议用JQuery比较好，而且简单，Jquery有个属性，直接可以获取当前元素的所有子元素

导航:首页 > 编程语言 > javascript获取当前元素

javascript获取当前元素

(1)javascript获取当前元素扩展阅读：

与javascript获取当前元素相关的资料

友情链接