dom 的添加或事件绑定

转载于 2013-03-08 22:51:00 发布 · 65 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jikey/archive/2013/03/08/2950900.html

文章标签：

#xhtml #javascript #ViewUI

本文将介绍如何在网页中使用DOM元素进行操作，并通过事件绑定实现交互效果。

dom 的添加或事件绑定

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>test-del</title> <style> p{ width:400px; margin:0 auto; } ins{ cursor:pointer; text-decoration:none; padding-left:20px; } </style> </head> <body> <div> <div id="list"> <p><span>1</span> <ins>delete</ins> </p> <p><span>2</span> <ins>delete</ins> </p> <p><span>3</span> <ins>delete</ins> </p> <p><span>4</span> <ins>delete</ins> </p> <p><span>5</span> <ins>delete</ins> </p> <p><span>6</span> <ins>delete</ins> </p> </div> </div> <p><a id="add" href="javascript:void(0);">Add</a></p> </body> </html>

运行代码

转载于:https://www.cnblogs.com/jikey/archive/2013/03/08/2950900.html