지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

table_javascript 기술의 js 코드에 텍스트 입력 상자 내용을 추가합니다.

WBOY
풀어 주다： 2016-05-16 17:25:25
원래의
1132명이 탐색했습니다.
复代码 代码如下:

< ;!DOCTYPE html>

<머리>
表格处理.html









<본문>



























<스크립트>
document.getElementById("submit").onclick=function(){
//alert("성공");
//获取输入节点
var nameElement=document.getElementById("iname");
var emailElement=document.getElementById("iemail");
var addressElement=document.getElementById("iaddress");

//创建表格节点
var trNode=document.createElement("tr");
var nameNode=document.createElement("td");
var emailNode=document.createElement("td");
var addressNode=document.createElement("td");

//向表格中添加创建的节点及文本内容
var borderElement=document.getElementById("border");
borderElement.appendChild(trNode);
trNode.appendChild(nameNode);
trNode.appendChild(emailNode);
trNode.appendChild(addressNode);
var nametextNode=document.createTextNode(nameElement.value);
var emailtextNode=document.createTextNode(emailElement.value);
var addresstextNode=document.createTextNode(addresssElement.value);
nameNode.appendChild(nametextNode);
emailNode.appendChild(emailtextNode);
addressNode.appendChild(addresstextNode);

}



관련 라벨：
javascript 文本输入框 表格
원천：php.cn
이전 기사：js 객체에 특정 attribute_javascript 기술이 있는지 확인하는 js 코드 다음 기사：JS가 array_javascript 기술에 중복된 값이 있는지 확인하는 세 가지 실용적인 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
다른 CSS 코드가 무엇이든 관계없이 Flexbox의 텍스트를 수직 중앙에 강제로 배치할 수 있는 방법이 있나요? 제가 개발 중인 웹사이트에 사용되는 더 큰 CSS 코드의 일부인 다음 CSS 코드가 있습니다. .cards-u{display:flex;flex-wrap:wrap;...
에서 2024-04-06 20:41:51
0
1
518
클리어 후에도 내 파일 입력값은 그대로 남아있습니다 스크린샷에서 볼 수 있듯이. 파일을 선택하고 페이지를 새로 고치지 않고 팝업을 유지한 후 다시 열면 파일 입력이 여전히 내가 선택한 파일입니다. <input...
에서 2024-04-06 15:44:52
0
1
384
강제 새로 고침은 Next.js에서 정의되지 않은 경로 또는 오류 페이지에 액세스한 결과입니다. 정의되지 않은 경로 또는 오류 페이지에 액세스하면 Next.js가 강제 새로 고침을 수행하여 내 컨텍스트가 기본 상태로 돌아가게 됩니다(즉, userProfile...
에서 2024-04-05 08:32:46
0
1
400
블록 개행 뒤에 요소 표시 나는 현재 이것을 가지고 있습니다: 아이콘 div를 텍스트 끝에 넣고 싶지만 "블록"이기 때문에 작동하게 할 수 없습니다. 원하는 출력: 코드 ...
에서 2024-04-04 21:45:21
0
1
271
내가 제공한 텍스트 입력이 콘솔에 표시되지 않습니다. 그래서 저는 formik을 사용하여 React에서 양식을 작성하고 있습니다. 몇 가지 변경 사항이 적용된 입력 필드가 포함된 TextInput 구성 요소를 만들었...
에서 2024-04-04 20:30:28
0
1
404
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
이름 邮箱 地址
jzy 359@qq.com 중대
jzy 359@qq.com 중대