Jquery 和JS獲得文體

原創

2020-02-21 20:15

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#btnCraete').click(function () {
                //var pstr = '<p>第一段</p>';
                //$('div').append(pstr);

//var imgstr = '<img src=images/8.jpg width=200px height=200px/>';
//$('div').append(imgstr);

                //var pstr = '<p><b><i>白日依山盡</br>黃河入海流</br>欲窮千里目</br>更上一層樓</i></b></p>';
                //$('div').append(pstr);
                $('div').append(function () {
                    return '<p><b><i>白日依山盡</br>黃河入海流</br>欲窮千里目</br>更上一層樓</i></b></p>';
                });
                /*var sestr = '<select id=Select1><option>悟空</option><option>八戒</option><option>老沙</option><option>師傅</option></select>';
                $('div').append(sestr);*/
            })
        })
        function createNodeJs() {
            /*var pnode = document.createElement('p');
            var tnode = document.createTextNode('第一段');
            pnode.appendChild(tnode);
            document.body.appendChild(pnode);*/

            var inode = document.createElement('i');
            var tnode1 = document.createTextNode('白日依山盡');
            var tnode2 = document.createTextNode('黃河入海流');
            var tnode3 = document.createTextNode('欲窮千里目');
            var tnode4 = document.createTextNode('更上一層樓');

            var brnode1 = document.createElement('br');
            var brnode2 = document.createElement('br');
            var brnode3 = document.createElement('br');
            inode.appendChild(tnode1);
            inode.appendChild(brnode1);
            inode.appendChild(tnode2);
            inode.appendChild(brnode2);
            inode.appendChild(tnode3);
            inode.appendChild(brnode3);
            inode.appendChild(tnode4);

            var bnode = document.createElement('b');
            var pnode = document.createElement('p');
            bnode.appendChild(inode);
            pnode.appendChild(bnode);

            //$('div').append(pnode);
            //bnode.appendTo($('div'));

        }
    </script>
</head>
<body>