3 回答

TA貢獻(xiàn)1835條經(jīng)驗 獲得超7個贊
我修復(fù)的事情:擺脫函數(shù)listAdd并將代碼直接移動到if子句中,重命名test為list(錯誤命名的變量),并將腳本移動到正文中,以便在運(yùn)行時存在 html 節(jié)點(diǎn)。
<!DOCTYPE = html>
<head>
</head>
<body>
<strong>Your two items:</strong>
<ol id="list">
</ol>
<script type = "text/javascript">
var list = document.getElementById('list');
var item1 = window.prompt("Enter first item:");
if (item1 != null) {
var entry = document.createElement('li');
entry.appendChild(document.createTextNode(item1));
list.appendChild(entry);
}
var item2 = window.prompt("Enter second item");
if (item2 != null) {
var entry = document.createElement('li');
entry.appendChild(document.createTextNode(item2));
list.appendChild(entry);
}
</script>
</body>
您的代碼將函數(shù)包裝在 if 中。這是不對的——你是在那兒聲明函數(shù),而不是運(yùn)行它。結(jié)果是什么都沒有發(fā)生。您可以通過先聲明函數(shù)來稍微改進(jìn)代碼listAdd
,然后在每次提示后調(diào)用它,并從提示中傳遞參數(shù)。

TA貢獻(xiàn)1842條經(jīng)驗 獲得超22個贊
您可以嘗試刪除該函數(shù)并錯誤地設(shè)置list.appendChild(entry)而不是test.appendChild(entry)因為我們調(diào)用了有序列表項 id 并將其設(shè)置為test變量。
<!DOCTYPE=html>
<body>
<strong>Your two items:</strong>
<ol id="list" >
</ol>
<script type = "text/javascript">
var test = document.getElementById('list');
var item1 = window.prompt("Enter first item:");
var item2 = window.prompt("Enter second item");
if (item1 != null ) {
var entry = document.createElement('li');
entry.appendChild(document.createTextNode(item1));
test.appendChild(entry);
}
if (item2 != null ) {
var entry = document.createElement('li');
entry.appendChild(document.createTextNode(item2));
test.appendChild(entry);
}
</script>
</body>

TA貢獻(xiàn)1826條經(jīng)驗 獲得超6個贊
var value1 = document.getElementById('list');
var value1 = window.prompt("Enter first item:");
if (value1 != null) {
listAdd(value1);
}
var value2 = window.prompt("Enter second item");
if (value2 != null) {
listAdd(value2);
}
function listAdd(textValue) {
var entry = document.createElement('li');
entry.appendChild(document.createTextNode(textValue));
list.appendChild(entry);
}
<!DOCTYPE = html>
<head>
</head>
<body>
<strong>Your two items:</strong>
<ol id="list">
</ol>
</body>
創(chuàng)建了一個通用函數(shù)來在列表中添加值:這也用于減少代碼。
添加回答
舉報