js或者jq怎样获取动态生成的元素的属性比如top ,height?

JavaScript09

js或者jq怎样获取动态生成的元素的属性比如top ,height?,第1张

设定jq动态生成元素为方法一,然后获取动态生成元素的属性的方法设为方法二。

只需先执行方法一后再执行方法二即可获得动态生成的元素的属性(必须在方法一执行后再执行方法二才能获取到)。

代码示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script src="http://pu-datacastle.oss-cn-qingdao.aliyuncs.com/master.third.source/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>

<div class="test" style="width: 100pxheight: 100pxborder: 1px solid red"></div>

<script>

$(function(){

console.log("width:"+$(".test2").height())//获取不到

$(".test").append("<div class='test2' style='height: 50pxwidth: 50pxborder: 1px solid #cccmargin: 0px auto'>test</div>")//动态生成元素

console.log("width:"+$(".test2").height())//获得动态生成元素的属性

})

</script>

</body>

</html>

望采纳!

试试通过集合和索引访问吧,比如给你的table指定一个id,然后用类似下面的代码来取得name.

document.getElementById('table_id').getElementsByTagName('A')[0].name

1、新建一个html文件,命名为test.html。

2、在test.html文件中,使用script标签加载jquery.min.js文件,成功加载该文件,才能使用jquery方法。

3、在js标签内,在页面加载完成时,获取body对象,使用append()方法向body动态添加一个div元素。

4、在test.html文件中,使用button标签创建一个按钮,按钮名称为“获取id值”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getid()函数。

6、在js标签内,创建getid()函数,在函数内,通过元素名称获得div对象,使用attr()方法获得动态添加div的id值,并使用alert()方法将值输出。

7、在浏览器打开test.html文件,点击按钮,查看结果。