Question

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

<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中的属性值。

提前致谢

Answer 1

将代码包裹在DOM raedy

中

尝试.prop()

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

或 .data()

更改HTML

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

<强> JS

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

阅读.prop() vs .attr()

Answer 2

尝试在$(document).ready()中编写代码，

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

Demo

Answer 3

您可以尝试

function myFunction() {

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

获取属性值

3 个答案: