js怎么根据元素属性获取title值

JavaScript029

js怎么根据元素属性获取title值,第1张

可以通过jquery的属性选择器获取到元素，然后再得到title，具体代码如下：

$('button[data-id="id_select_gg"]').attr('title')

思路：使用document.title获取页面标题，使用value属性为文本框赋值，关键代码：

document.getElementById(input_id).value=document.title

实例演示如下：

1、HTML结构

<html>

<head>

    <title>TEST</title>

</head>

<body>

    <input type="text" id="test"/>

    <input type='button' value='点击按钮获取页面标题' onclick="fun()"/>

</body>

2、javascript代码

function fun(){

var title = document.title

document.getElementById("test").value = title

}

3、效果演示

<a id="link" title="test">123</a>

<script>

var ele = document.getElementById('link')

var i = ele.title//用js的点方法获得：对象.属性名，兼容IE

var j = ele.getAttribute('title')//标准的DOM方法，IE8及以下版本不支持

alert(i+"|"+j)

</script>