获取属性值答案

【问题标题】：Get attribute value获取属性值
【发布时间】：2013-11-08 04:45:21
【问题描述】：

我需要在下面的代码中获取属性值

<div objecttag="" id="data_url" class="new_data ng-scope" dataurl="http://www.youtube.com/v/uPiVOofEPHM?version=3&amp;f=playlists&amp;c=youtube_it&amp;app=youtube_gdata"><object objecttag="" type="application/x-shockwave-flash" data="http://www.youtube.com/v/uPiVOofEPHM?version=3&amp;f=playlists&amp;c=youtube_it&amp;app=youtube_gdata?wmode=transparent&amp;modestbranding=1&amp;fs=1&amp;showinfo=0&amp;iv_load_policy=3&amp;rel=0&amp;enablejsapi=1&amp;version=3&amp;allowScriptAccess=always&amp;allowFullScreen=true" width="898" height="505" id="player" style="visibility: visible;"></object></div>

我在下面的jquery代码中使用

 data_url = $("#data_url").attr('dataurl');
             alert(data_url);

它没有在 chrome 中获取属性值。

提前致谢

【问题讨论】：

看起来不错 jsfiddle.net/arunpjohny/GzKv7/1 ...确保您在 dom 就绪处理程序下运行代码

标签： jquery html jquery-plugins youtube

【解决方案1】：

尝试在$(document).ready() 中编写您的代码，例如，

$(function(){
    data_url = $("#data_url").attr('dataurl');
    alert(data_url);
});

Demo

【讨论】：

【解决方案2】：

将代码封装在DOM raedy

试试.prop()

$(function(){
    data_url = $("#data_url").prop('dataurl');
                 alert(data_url);
});

或 .data()

更改 HTML

<div objecttag="" id="data_url" data-url="">

$(function(){
data_url = $("#data_url").data('url');
 alert(data_url);
});

阅读.prop() vs .attr()

【讨论】：

【解决方案3】：

你可以试试这个

function myFunction() {

var x = document.getElementsByTagName("div")[0].getAttribute("dataurl"); 
alert(x);}

【讨论】：