Javascript 笔记与总结(2-11)暴力操作节点

innerHTML 代表节点内的内容,能读能写

虽然不是 W3C 规定的标准,但是各浏览器都支持得很好

【例】

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #div1{
            width: 300px;
            height: 300px;
            background: blue;
            border-bottom: 1px solid black;
        }
    </style>
    <script>
        function add(){
            var ul = document.getElementsByTagName("ul")[0];
            var lis = "<li>php</li><li>python</li><li>ruby</li><li>perl</li>";
            ul.innerHTML = lis;
        }
        function add2(){
            var ul = document.getElementsByTagName("ul")[0];
            var lis = ul.innerHTML;
            ul.innerHTML += "<li>Node.js</li>";
        }
    </script>
</head>
<body>
    <input type="button" value="添加php,python,ruby,perl" onclick="add();">
    <input type="button" value="添加Node.js" onclick="add2();">
    <ul></ul>
</body>
</html>      
时间: 2024-10-10 21:41:56

Javascript 笔记与总结(2-11)暴力操作节点的相关文章

Javascript 9 - 删除、增加、暴力操作节点

暴力操作节点

任务要求 <html> <head><title>创建节点</title></head> <body> <input type="button" value="add1" onclick="add1();"> <input type=”button” value=”add2” onclick=”add2();”> <ul> </ul&

Javascript 笔记与总结(2-10)删除节点,创建节点

[删除节点] 步骤: ① 找到对象 ② 找到他的父对象 parentObj ③ parentObj.removeChild(子对象); [例] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #div1{ width: 300px; heigh

JavaScript 笔记

1,alert(); alert("提示信息"); 换行 + "\n"2,prompt(); ----> 得到的是 string 类型, 可能返回 null 和 "" ; prompt("提示信息"); prompt("提示信息","输入框默认信息");3,confirm(); confirm("确认信息?") //确定返回TRUE,取消返回FALSE 4,Ja

七月工作笔记 7.7 - 7.11

1. vs第二次单步调试崩溃..一开始不知道为什么,重装无数次..后来发现是VAssistX 插件的问题...将下载下来的插件包中的VA_X.dll  拷贝到VAssistX 的安装路径下即可. 2. 发现了一个很棒的vs配色方案的网站   http://studiostyl.es/ 3. sendmessage和postmessage的区别PostMessage只负责将消息放到消息队列中,不确定何时及是否处理SendMessage要等到受到消息处理的返回码(DWord类型)后才继续PostMe

Javascript Jquery 中的数组定义与操作

Javascript Jquery 中的数组定义与操作 (2012-02-15 10:28:00) 转载▼ 标签: 杂谈   1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多维数组,但是因为数组里面可以包含对象(数组也是一个对象),所以数组可以通过相互嵌套实现类似多维数组的功能 1.1 定义数组 声明有10个元素的数组 var a = new Array(10); 此时为a已经开辟了内存空间,包含10个元素,用数组名称加 [下标] 来调用,

《Linux Shell脚本攻略》 笔记 第三章:文件操作

<Linux Shell脚本攻略> 笔记 第三章:文件操作 1.生产任意大小的文件 [[email protected] dd_test]# [[email protected] dd_test]# dd if=/dev/zero of=junk.data bs=1k count=10 10+0 records in 10+0 records out 10240 bytes (10 kB) copied, 0.00137023 s, 7.5 MB/s 2.文件系统相关测试 [ -f $file

[Effective JavaScript 笔记]第27条:使用闭包而不是字符串来封装代码

函数是一种将代码作为数据结构存储的便利方式,代码之后可以被执行.这使得富有表现力的高阶函数抽象如map和forEach成为可能.它也是js异步I/O方法的核心.与此同时,也可以将代码表示为字符串的形式传递给eval函数以达到同样的功能.程序员面临一个选择:应该将代码表示为函数还是字符串?毫无疑问,应该将代码表示为函数.字符串表示代码不够灵活的一个重要原因是:它们不是闭包. 闭包回顾 看下面这个图 js的函数值包含了比调用它们时执行所需要的代码还要多的信息.而且js函数值还在内部存储它们可能会引用

JavaScript笔记之Function

一.函数定义 (1)使用function declaration 格式:function functionName(parameters) { function body } 注:此种方式声明的函数作用域是全局的,即在声明之前可以调用 (2)使用function expression 格式:var name = function (parameters) { function body }; 注:与(1)不同,在声明之前不可以调用 (3)使用function constructor() 格式:v