一些方法:JQ: append() 、appendTo() || JS:appendChild():

JQ .append() 方法

实例
在每个 p 元素结尾插入内容:

$("button").click(function(){
  $("p").append(" <b>Hello world!</b>");
});

定义和用法
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。

提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容的位置和选择器。

语法
$(selector).append(content)
参数 描述
content 必需。规定要插入的内容(可包含 HTML 标签)。
使用函数来附加内容
使用函数在指定元素的结尾插入内容。

语法
$(selector).append(function(index,html))
function(index,html)
必需。规定返回待插入内容的函数。

index - 可选。接收选择器的 index 位置。
html - 可选。接收选择器的当前 HTML。

JQ:appendTo() 方法

实例
在每个 p 元素结尾插入内容

$(“button”).click(function(){
$(“Hello World!”).appendTo(“p”);
});
appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。

提示:append() 和 appendTo() 方法执行的任务相同。不同之处在于:内容和选择器的位置,以及 append() 能够使用函数来附加内容。

语法
$(content).appendTo(selector)
参数 描述
content 必需。规定要插入的内容(可包含 HTML 标签)。
selector 必需。规定把内容追加到哪个元素上。

----------------------------------------------------------------------------JS分割线---------------------------------------------------------------------------

JS:appendChild() 方法

实例
在列表中添加项目:

document.getElementById(“myList”).appendChild(newListItem);
定义和用法
appendChild() 方法向节点添加最后一个子节点。

提示:如果您需要创建包含文本的新段落,请记得添加到段落的文本的文本节点,然后向文档添加该段落。

您也可以使用 appendChild() 方法从一个元素向另一个元素中移动元素。

实例
从一个列表向另一个列表中移动列表项:

var node=document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);

JS:toFixed()

定义和用法
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

语法
NumberObject.toFixed(num)
参数 描述
num 必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。
返回值
返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必要,该数字会被舍入,也可以用 0 补足,以便它达到指定的长度。如果 num 大于 le+21,则该方法只调用 NumberObject.toString(),返回采用指数计数法表示的字符串。

抛出
当 num 太小或太大时抛出异常 RangeError。0 ~ 20 之间的值不会引发该异常。有些实现支持更大范围或更小范围内的值。

当调用该方法的对象不是 Number 时抛出 TypeError 异常。

实例
在本例中,我们将把数字舍入为仅有一位小数的数字:

Show the number 13.37 with one decimal:

<script type="text/javascript">
	var num = new Number(13.37);
	document.write (num.toFixed(1))
</script>

输出:

Show the number **13.37 ** with one decimal:
13.4

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值