创建新元素

创建新的 HTML 元素

如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。

实例

这是一个段落。

这是另一个段落。

``` 例子解析: 这段代码创建新的

元素: var para=document.createElement("p"); 如需向

元素添加文本,您必须首先创建文本节点。这段代码创建了一个文本节点: var node=document.createTextNode("这是一个新段落。"); 然后您必须向

元素追加这个文本节点: para.appendChild(node); 最后您必须向一个已有的元素追加这个新元素。 这段代码找到一个已有的元素: var element=document.getElementById("div1"); 以下代码在已存在的元素后添加新元素: element.appendChild(para); ##删除已有的 HTML 元素 实例


这是一个段落。


这是另一个段落。



实例解析 
这个 HTML 文档含有拥有两个子节点(两个 

元素)的

元素:

这是一个段落。

这是另一个段落。

找到 id="div1" 的元素: var parent=document.getElementById("div1"); 找到 id="p1" 的

元素: var child=document.getElementById("p1"); 从父元素中删除子元素: parent.removeChild(child); 这是常用的解决方案:找到您希望删除的子元素,然后使用其 parentNode 属性来找到父元素: var child=document.getElementById("p1"); child.parentNode.removeChild(child); #JavaScript 对象 JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... 此外,JavaScript 允许自定义对象。 ##所有事物都是对象 JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。 ##访问对象的属性 属性是与对象相关的值。 访问对象属性的语法是: objectName.propertyName ##访问对象的方法 方法是能够在对象上执行的动作。 您可以通过以下语法来调用方法: objectName.methodName() 这个例子使用了 String 对象的 toUpperCase() 方法来将文本转换为大写: var message="Hello world!"; var x=message.toUpperCase(); 在以上代码执行后,x 的值将是: HELLO WORLD! ###所有 JavaScript 数字均为 64 位 ##精度 整数(不使用小数点或指数计数法)最多为 15 位。 小数的最大位数是 17,但是浮点运算并不总是 100% 准确: 实例 var x = 0.2+0.1; // 输出结果为 0.30000000000000004 ##八进制和十六进制 如果前缀为 0,则 JavaScript 会把数值常量解释为八进制数,如果前缀为 0 和 "x",则解释为十六进制数。 实例 var y = 0377; var z = 0xFF; **注意**:绝不要在数字前面写零,除非您需要进行八进制转换。 Math 对象的 round 方法对一个数进行四舍五入。 document.write(Math.round(4.7)); ##合并两个数组 例子: var a = [a, b, c]; var b = [e, f, g]; var c = [h, d, j]; var d = a.concat(b,c); #排序 ##反转顺序

function myFunction(){
fruits.reverse();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}

##字母顺序升序

function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}

##数字顺序升序

var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});

##数字顺序降序

var points = [40,100,1,5,25,10];
points.sort(function(a,b){return b-a});

创建 Boolean 对象
Boolean 对象代表两个值:"true" 或者 "false"
下面的代码定义了一个名为 myBoolean 的布尔对象:
var myBoolean=new Boolean();
如果布尔对象无初始值或者其值为:
0
-0
null
""
false
undefined
NaN
那么对象的值为 false。否则,其值为 true(即使当变量值为字符串 "false" 时)!

##Window 对象
所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一:
window.document.getElementById("header");
与此相同:
document.getElementById("header");

##screen

你可能感兴趣的:(创建新元素)