今天项目上遇到一个问题，需要在点击a标签时，将完整的内容显示出来
原先是想用jquery的click方法
<a>哈哈</a>
在jquery的click方法中将this的ownattr属性赋值给完整内容的div标签
然而这却一直行不通
一阵研究后发现，原来项目框架是用jquery ajax获取后台列表信息的，页面在执行到click方法时，ajax还没完成
随后决定采用基本的js
方法：
function showDetail(obj){
var ownattr= obj.attributes[ownattr].
在JavaScript编程中，有时我们需要获取HTML元素的特定属性，尤其是自定义属性，以便在用户交互时进行处理。本文将详细讲解如何在JavaScript中点击`<a>`标签并获取其自定义属性的方法，以及如何解决在jQuery环境下遇到的问题。
我们来回顾一下问题的背景。在项目中，开发者试图通过点击`<a>`标签来显示完整的内容。最初尝试使用jQuery的`click`方法，像这样：
```html
<a ownattr="……" onClick="showDetail(this)">哈哈</a>
```
然后在`showDetail`函数中，期望通过`this`对象获取`ownattr`属性的值，并将其赋值给某个`div`标签。但是，由于项目中使用了jQuery的AJAX来获取后台数据，当点击事件触发时，AJAX请求可能尚未完成，导致`click`方法无法正常工作。
为了解决这个问题，开发者转向使用原生JavaScript的方法。在JavaScript中，我们可以直接操作DOM元素的属性。当`onClick`事件触发时，传递给`showDetail`函数的是触发事件的元素本身，即`<a>`标签。因此，我们可以这样获取`ownattr`属性的值：
```javascript
function showDetail(obj) {
var ownattr = obj.attributes['ownattr'].nodeValue; // 通过attributes属性获取自定义属性
var id = obj.id; // 通过id属性获取基本属性
}
```
在这里，`obj.attributes`是一个`NamedNodeMap`对象，包含了元素的所有属性。我们可以通过属性名（这里是`ownattr`）作为键来访问对应的属性。`nodeValue`属性用于获取属性的值。对于基本属性如`id`，可以直接通过`.id`来获取。
需要注意的是，`attributes`对象中的属性名是大小写敏感的，所以如果你的自定义属性是`ownAttr`而不是`ownattr`，你需要使用`'ownAttr'`来访问它。此外，如果属性值包含特殊字符或空格，最好使用引号包裹。
在某些情况下，可能还需要考虑兼容性问题。例如，对于一些旧版本的浏览器，可能需要使用`getAttribute`方法来获取属性值：
```javascript
var ownattr = obj.getAttribute('ownattr');
```
这种方法与直接访问`attributes`对象相比，兼容性更好，但稍微复杂一些。
总结起来，当需要在JavaScript中获取`<a>`标签或其他HTML元素的自定义属性时，可以使用以下步骤：
1. 在HTML中，为`<a>`标签添加`onClick`事件监听器，并传递`this`作为参数。
2. 在JavaScript函数中，通过`event.target`或传递的`this`对象来访问触发事件的元素。
3. 使用`element.attributes['attributeName'].nodeValue`或`element.getAttribute('attributeName')`来获取属性的值。
这种方法不仅适用于`<a>`标签，也可以应用于其他HTML元素，只要确保事件监听器正确设置并且可以访问到目标元素。理解这些基础的DOM操作对于编写交互式的网页是非常重要的。希望这个解决方案能帮助你在类似的情况下解决问题。
