list-style-position：inside/outside
inside和outside效果
outside
inside
JS部分
- oninput 事件
在 value 改变时触发，实时的，即每增加或删除一个字符就会触发，然而通过 js 改变 value 时，却不会触发。
oninput要通过addEventListener() 来添加？
- onchange事件
onchange事件是在输入框value改变，且失去焦点的情况下触发，不实时
- onpropertychange事件
IE浏览器专有，不管
string方法
- str.match(reg)
参数：一个正则表达式对象
返回：一个数组
如果：
正则表达式对象设置了g（全局）标志，则返回该字符串所有与正则表达式匹配的子元素组成的数组
'123456'.match(/\d/g);
// [ "1", "2", "3", "4", "5", "6" ]
如果没有设置g(全局)标志，则返回匹配到的第一项
'123456'.match(/\d/g);
['1']
var str = 'For more information, see Chapter 3.4.5.1';
var re = /see (chapter \d+(\.\d)*)/gi;
var found = str.match(re);
console.log(found);
// ["see Chapter 3.4.5.1"]
如果reg参数没有设置g标志，则返回一个 Array ，它包含所有匹配的子字符串而不是匹配对象
var str = 'For more information, see Chapter 3.4.5.1';
var re = /see (chapter \d+(\.\d)*)/i;
var found = str.match(re);
console.log(found);
// ["see Chapter 3.4.5.1", "Chapter 3.4.5.1", ".1", index: 22, input: "For more information, see Chapter 3.4.5.1"]
// input是被解析的原始字符串
- string.replace(①，②);
参数：
①reg或str
②newStr或function
二参function：一个用来创建新子字符串的函数，该函数的返回值将替换掉第一个参数匹配到的结果
该function的参数
match、p1,p2...、string
match和string一样？返回的都是原字符串？
p1,p2 假如replace()方法的第一个参数是一个RegExp 对象，则代表第n个括号匹配的字符串。
Element.appendChild(anotherEle)会将被添加的元素从原来的位置移到Element的‘体内’
