append() 、push() 和pop()

最新推荐文章于 2022-08-02 15:23:59 发布

左又

最新推荐文章于 2022-08-02 15:23:59 发布

阅读量7.3k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/qq_29715077/article/details/80090101

版权

js 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

1.append() 方法在被选元素的结尾（仍然在内部）插入指定内容。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").append(" <b>Hello world!</b>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>

2.push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

<html>
<body>
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + "<br />")
document.write(arr.push("James") + "<br />")
document.write(arr)
</script>
</body>
</html>

3.pop() 方法用于删除并返回数组的最后一个元素。

<html>
<body>
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr)
document.write("<br />")
document.write(arr.pop())
document.write("<br />")
document.write(arr)
</script>
</body>
</html>