表單腳本api_contenteditable - diligenceday－IT工程師數位筆記本

文章出處

<html>
<head></head>
<body>
<form>
    <div contenteditable>ssadas</div>
    <mi contenteditable>11</mi><mo>+</mo><mi contenteditable>22</mi>
    <iframe name="foo" id="foo" src="file:///D:/wamp/www/12.19/1.html">
    </iframe>
    <ul name="ul">
        <li name="color">1</li>
        <li name="color">2</li>
        <li name="color">3</li>
    </ul>
</form>
<form name="bar">
    <ol>
        <li id="cc" name="cc">1</li>
        <li name="cc">2</li>
        <li name="cc">3</li>
    </ol>
</form>
<script>
document.execCommand('bold',false,null);
document.execCommand('italic',false,null);document.execCommand('createlink',false,"http://www.xx.com/")

//webkit內核的文本選項
document.getSelection();
/*
var result = [
    anchorNode,
    anchorOffset,
    focusNode,
    focusOffset, //選取終點所在的節點
    isCollapsed,
    rangeCount, //選區內部dom的數量
    addRange, //將指定的節點添加到選區
    collapse,
    collapseToENd(),
    collapseToStart(),
    containNode( node ),//是否包含節點
    deleteFormDocument, //刪除
    // LIKE AS document.execComand('delete',false,null);
    extend(node,offset),
    removeAllRanges(),
    removeRange(range),
    selectAllChildren(node),
    toString()
]
*/
//主要是掃視了一下高級設計的第十四章：表單腳本的東東，api真多啊
</script>
</body>
</html>