css로 자바스크립트는 못 꾸미나요?
본문
document.write 써서 테이블 만들었는데 이거css로 적용이 안돼네요 따로 방법이 없을까요?
답변 2
되는데 안된다고 하시니.. 코드를 올려보세요
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<style>
table {
border: 1px solid black;
}
</style>
<input type="text" id="a">
<input type="text" id="b">
<button onclick="btn()">클릭</button>
<script>
function btn() {
var x = document
.getElementById('a')
.value;
var y = document
.getElementById('b')
.value;
document.write("<table>");
document.write("<tr>");
document.write("<td>");
document.write(x);
document.write("</td>");
document.write("<td>");
document.write(y);
document.write("</td>");
document.write("</tr>");
document.write("</table>");
}
</script>
</body>
</html>
document 를 다시 써버리면 meta, style 태그 자체가 없어져버리니까요
해당 table 태그를 append 하거나 빈 테이블 하나 만들어놓고 appendChild 를 이용하세요
