JavaScript innerHTML_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2022-12-20 22:27 出处：网络

Why doesn\'t this work? innerHTML cannot take in something so complicated? <html> <head> <sc开发者_StackOverflow中文版ript type=\"text/javascript\">

相关专题：javascript

Why doesn't this work? innerHTML cannot take in something so complicated?

<html>
<head>
    <sc开发者_StackOverflow中文版ript type="text/javascript">
        function addTable() {
            var html = "<table><tr><td><label for="name">Name:</label></td><td><input type="text" id="name"></input></td></tr>"; +
                "<tr><td><label for="remarks">Remarks:</label></td><td><input type="text" id="remarks"></input></td></tr></table>";
            document.getElementById("addtable").innerHTML = html;
        }
    </script>


</head>
<body>
    <input type="submit" value="New Table" onClick="addTable()"/>
    <div id="addtable"></div>
</body>
</html>

Something less complicated like this works:

var html = "<table><tr><td>123</td><td>456</td></tr></table>";

You need to either escape double quotes within the string you're assigning to the html variable, or just enclose the string with single quotes. Use a text editor with syntax highlighting and errors like that will jump out at you right away. You also have an extra semicolon in your assignment.

Your quoting is broken. You are using double quotes inside the string:

"<tr><td><label for="remarks">Remarks:</label></td><td><input ....

the Firefox error console should always be your first stop, errors like that are always logged there.

Your string is delimited using double quotes and also uses them within the string. Switch to using single quotes within the string.

var html = "<table><tr><td><label for='name'>Name:</label></td><td><input type='text' id='name'></input></td></tr>"; +
"<tr><td><label for='remarks'>Remarks:</label></td><td><input type='text' id='remarks'></input></td></tr></table>";

instead of double quotes use single quotes as shown below:

var html = "<table><tr><td><label for='name'>Name:</label></td><td><input type='text' id='name'></input></td></tr>' + "<tr><td><label for='remarks'>Remarks:</label></td><td><input type='text' id='remarks'></input></td></tr></table>";

Enjoy coding!!

You need to either escape double quotes or use single quotes within the string destined for that innerHTML.

There is an error in your string , try this :

var html = "Name:"; + "Remarks:"; document.getElementById("addtable").innerHTML = html;