欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML5创建节点代码实例

程序员文章站 2023-02-08 14:37:52
效果图: 代码如下: html>

效果图:

HTML5创建节点代码实例

代码如下:

html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>创建节点title>
    <script src="jquery.1.12.4.js">script>
    <script>
        $(function () {
            $("button").click(function () {
               $("ul").append("
上海
")//在元素的内部,最后面添加html $("ul").prepend("
澳门
")//在元素的内部,最前面添加html // $("ul").before("
深圳
")//在元素的同级,前面添加html $("ul").after("
香港
") //在元素的同级,后面添加html // $("li:eq(1)").remove(); //删除html }) }) script> head> <body> <button>点击我button> <br><br> <ul> <li>北京li> <li>天津li> ul> body> html>