清除函數內的 Div 內容
[英]Clear Div Content Inside Function
問題描述
當我單擊按鈕時，我使用了我想要的 2 個函數，它應該清除第一個函數結果的輸出，但是當我使用 .innerHTML = ""; 時它不起作用； 怎么做？
function HalfRightTriangle() {
for (var i = 1; i <=7; i++) {
for (var j = 1; j <i; j++) {
// document.write("*");
document.getElementById("result").innerHTML += "*";
} // end of inner for loop
document.getElementById("result").innerHTML += "<br>";
} // end of outer for loop
document.getElementById("result").innerHTML += "";
} // function end
3 個解決方案
解決方案1
0 2016-10-14 17:59:15
如果您只使用文本，最好只使用一個變量，然后在完成后將其設置為 innerHTML。
像這樣的東西：
function HalfRightTriangle() {
var inner = document.getElementById("result").innerHTML;
for (var i = 1; i <= 7; i++) {
for (var j = 1; j < i; j++) {
inner += "*";
} // end of inner for loop
inner += "<br>";
} // end of outer for loop
document.getElementById("result").innerHTML = inner;
} // function end
解決方案2
0 2016-10-14 18:01:34
如果您使用容器控件顯示您的結果，則內部 html 工作，但如果沒有容器控件，則使用 java 腳本的 val 函數。 例子
<div id=result>
<label id=result></label>
</div>
<script type=text/java script>
$('#result').html("")
$('#result').val("")
</script>
解決方案3
0 2016-10-14 18:02:18
解決方案：
<script type="text/javascript">
function HalfRightTriangle() {
for (var i = 1; i <=7; i++) {
for (var j = 1; j <i; j++) {
// document.write("*");
document.getElementById("result").innerHTML += "*";
} // end of inner for loop
document.getElementById("result").innerHTML += "<br>";
} // end of outer for loop
} // function end
document.getElementById("result").innerHTML = "";
function HalfLeftTriangle() {
for (var i = 7; i >=1; i--) {
for (var j = 1; j <=i; j++) {
// document.write("*");
document.getElementById("result").innerHTML += "*";
} <!-- end of inner for loop -->
//document.write("<br>");
document.getElementById("result").innerHTML += "<br>";
} <!-- end of outer for loop -->
} // function end
document.getElementById("result").innerHTML = "";
</script>
</head>
<body>
<button type="button" onclick="HalfRightTriangle();"> Half Right Triangle </button>
<button type="button" onclick="HalfLeftTriangle();"> Half Left Triangle </button>
<br><br>
<div id="result"> Result Here </div>
我如何實現javascript函數以僅打印內容 <div class=“clear TmarginXlg paddingLg”> … </div>
[英]how can i implement a javascript function to just print the content of <div class=“clear TmarginXlg paddingLg”>…</div>
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.