Question

我已经能够将此工作添加到CREATE TABLE Books_Table ( Book_ID INTEGER PRIMARY KEY AUTOINCREMENT, Book_name TEXT NOT NULL, Book_Author TEXT NOT NULL, BookStore_ID INTEGER, CONSTRAINT fk_bookstore FOREIGN KEY (BookStore_ID) REFERENCES Store_Table(Store_ID) );标记中，现在我想删除此数组编号0,1,2,3并将数据提取到HTML中的<div></div>标记中，如何做到这一点，如何将其插入div标签

<div></div>

Answer 1

由于您在评论中添加了越来越多的要求，innerHTML += ""方法停止了工作。

我建议您使用document.createElement创建元素，然后使用Node.appendChild将其添加到文档中。

这不是最初问题的答案，但我认为它比评论中的继续对话更能帮助你。也许您可以编辑您的问题以反映其他要求。

如果我使用的东西你还不明白，请告诉我。很高兴详细说明！

var inputIds = ["ins_name", "gpa", "da"];
var inputElements = inputIds.map(getById);
var tbody = getById("display");

// Create a new row with cells, clear the inputs and add to tbody
function addRow() {
  // Create a row element <tr></tr>
  var row = document.createElement("tr");
  
  inputElements.forEach(function(input) {
    // For each input, create a cell
    var td = document.createElement("td");
    
    // Add the value of the input to the cell
    td.textContent = input.value;
    
    // Add the cell to the row
    row.appendChild(td);
    
    // Clear the input value
    input.value = "";
  });
  
  // Add the new row to the table body
  tbody.appendChild(row);
}

getById("btn_test").addEventListener("click", addRow);

// I added this function because document.getElementById is a bit too long to type and doesnt work with `map` without binding to document
function getById(id) {
  return document.getElementById(id);
}

Institution : <input type="text" name="ins_name" id="ins_name" /><br>
GPA : <input type="text" name="gpa" id="gpa" /><br>
Degree Awarded : <input type="text" name="da" id="da" /><br>

<input type="button" id="btn_test" name="btn_test" value="Add Test"/><br>

<table>
  <thead>
    <tr>
      <th>Institution</th>
      <th>GPA</th>
      <th>Degree</th>
    </tr>
  </thead>
  
  <tbody id="display">
  
  </tbody>
</table>

将javascript结果打印成div标签

1 个答案: