【JS】js如何获取a标签中的内容

alert(documentgetElementById('ha')innerHTML); 如果里面是<b>点击</b>,得到的也是<b>点击</b>
或
alert(documentgetElementById('ha')innerText); // 这个仅IE下有效,但如果里面是<b>点击</b>,得到的只是"点击"

在 JavaScript 中，可以使用 getAttribute() 方法来获取自定义标签的自定义属性值。
<my-tag data-custom-attribute="value"></my-tag>
<script>
var myTag = documentquerySelector("my-tag");
var customAttributeValue = myTagdatasetcustomAttribute;
consolelog(customAttributeValue); // Output: "value"
</script>

js获取html元素的方式

+通过ID获取：getElementById('id属性值')

+通过标签名：getElementsByTagName('标签名')

+通过类名：getElementsByClassName('类名')

+通过name属性：getElementsByName('name属性值')

+通过选择器获取一个元素：querySelector

+通过选择器获取一组元素：querySelectorAll
1获取id值为d1的html元素

将获取到的html元素称为DOM节点对象，必须传参数，参数是string类型，是获取元素的id。返回值只获取到一个元素，没有找到返回null。

2通过标签名：getElementsByTagName('标签名')
参数是是获取元素的标签名属性，不区分大小写，根据标签名获取html元素， 返回的是一个数组(伪数组) 

通过类名：getElementsByClassName('类名')
参数是元素的类名，返回值是一个类数组，没有找到返回空数组。

通过类名：getElementsByClassName('类名')
必须传参数，参数是是获取元素的name属性，返回值是一个类数组，没有找到返回空数组。

通过选择器获取一个元素：querySelector
参数是选择器，返回值只获取到第一个元素。

通过选择器获取一组元素：querySelectorAll
参数是选择器，返回值是一个数组。

    开发中，当执行一个事件时需要去知道触发这个事件的对象是谁？那么，如何获取，在这里我就对 eventsrcElement与eventtarget *** 作获取略作区分 。

eventsrcElement： 表示可以获取当前作用事件的对象。

eventtarget： 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。

兼容性：

eventtarget： Ie9+ 火狐、谷歌；

eventsrcElement：ie 678；

srcElement 是 IE 下的属性
target 是 Firefox 下的属性

Chrome 浏览器同时有这两个属性

一、利用eventsrcElement 获取标签：
eventsrcElementtagName ：因为它获取出来的都是以 大写 的形式，例如（“A”，“DIV”）所以需要转换 objtagNametoLowerCase()="a"
二、 利用eventsrcElement 获取子对象:

第一个子标签 ：eventsrcElementfirstChild;
最后个一个是： eventsrcElementlastChild;

第几个孩子： eventsrcElementchildren[i];

所有孩子： eventsrcElementchildren;

所有孩子节点： eventsrcElementchildNodes;

三、利用eventsrcElement 获取父对象：

eventsrcElementparentElement； 可以理解成是在鼠标所在对象的上一个对象。

四、venttarget的 判断使用  

 js中事件是会泡的，eventtarget它永远是直接接受事件的目标DOM元素  

一般是获取这个对象的id，兼容的写法如下：
var targetId = eventtarget eventtargetid : eventsrcElementid;

获取id后再拿到事件中去判断。

谢谢观读~
��

<script>
$(function(){
    $("slider-nav")on({
        "mouseover":function(){
            //鼠标移入事件代码
        },
        "mouseout":function(){
            //鼠标移出事件代码
        }
    });
});
</script>

---