如何通过jquery获取js动态append到html页面的dom属性

jsp中

<tr>

<th align="left" width="20%" style="width: 170px; ">分享文案编辑：</th>

</tr>

<tr>

<td class="form_table_content" ><input name="wshopshare"

id="wshopshare_1" type="text" style="width: 440px; ">

</td>

<td><input type="button" onclick="componentaddshare();" id="addshare" value="添加">

</td>

</tr>

点击一次添加按钮页面多一个文本框

————————————————————————————————————————

JS中

$("#content1")

append(

'<table id="1_'//id=1_type

+ type

+ '"><tr><td>分享语句'

+ type

+ '</td></tr><tr>'

+ '<td><div id="wshopshare"></div></td>'

+ '<td><input name="wshopshare" id="wshopshare" type="text" style="width: 440px; "></td>'

+ '<td></td>'

+ '<td><button type="button" id="del1" onclick="componentdeleteAll(\'1\');">删除</button></td>'

+ '</tr></table>');

给要点击的dom加个id或者class，例如叫click-dom

然后$('#click-dom')on('click',function(){

//点击后要做的 *** 作

})

如果你的获取节点的js是在head标签里面引入的并且没有添加onload事件

获取不到节点是正常的

废话不多说解决方法:

在节点加载完成过后引入js(即footer部分的标签引入js)

在head的js添加onload事件如果是jq只需要添加 $(document)read(function(){})这样也可以

可以添加的事件

windowonload=function(){//你的js代码}

$(document)read(function(){//你的js代码})

$(window)on("load",function(){//你的js代码})

jQuery获取元素 不管一个还是多个都是返回一个数组

即将获取的元素放在一个数组对象中。( 也可以这么认为数组中存的就是DOM对象)

既然是数组 能写0还是1还是n 就取决于获取了多少个DOM对象

所以当cm[0] 取的就是jquery获取的第一个DOM对象

cm[1] 取的就是第二个 以此类推。

而你上面的写的 使用# 即ID选择器 获取的肯定是一个元素 要么这个元素不存在就是0

所以 var cm = $("clickMe");能获取到元素即可以cm[0] 不能肯定报错。。

可以cmlength 检测

一、选取DOM元素

jQuery的核心是通过各种选择器，选中DOM元素，可以用querySelectorAll方法模拟这个功能。

var $ = documentquerySelectorAllbind(document);

这里需要注意的是，querySelectorAll方法返回的是NodeList对象，它很像数组（有数字索引和length属性），但不是数组，不能使用pop、push等数组特有方法。

二、DOM *** 作

DOM本身就具有很丰富的 *** 作方法，可以取代jQuery提供的 *** 作方法。

尾部追加DOM元素。

// jQuery写法

$(parent)append($(child));

// DOM写法

parentappendChild(child)

头部插入DOM元素。

// jQuery写法

$(parent)prepend($(child));

// DOM写法

parentinsertBefore(child, parentchildNodes[0])

删除DOM元素。

// jQuery写法

$(child)remove()

// DOM写法

childparentNoderemoveChild(child)

选择器 通过id选择器 类选择器  标签选择器来选定要 *** 作的dom

主要 *** 作内容修改删除 样式修改删除 动画特效等等

建议去w3c去看看jquery教程 虽然上面的有些内容已经过时,但对于初学者完全足够了

以上就是关于如何通过jquery获取js动态append到html页面的dom属性全部的内容，包括:如何通过jquery获取js动态append到html页面的dom属性、前端用jquery如何去获取一个dom未渲染的标签添加点击事件、jquery获取不到动态加载的dom元素是一种什么样的体验等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！