HTML里 关于 name 和 id_html/css_WEB-ITnose
<script type="text/javascript">function fun(){ document.getElementsByName("haha").reset();}</script></script><body><form name="haha"><!--这里要实现姓名和座号重置，要用id ,用name没有反应--> 姓名：<input type="text" /><br /> 座号：<input type="text" /><br /> <input type="button" value="重置" onClick="fun()"><br /></form> </body> </head><script type="text/javascript">function check(){ document.getElementsByName("myCheck").checked=true}function uncheck(){ document.getElementsByName("myCheck").checked=false}</script></head><body><form><input type="checkbox" name="myCheck" /><!--这里也不能用name...用了id才有反应--><input type="button" onclick="check()" value="选定复选框" /><input type="button" onclick="uncheck()" value="取消选定复选框" /></form> </body><head><script type="text/javascript">function check(browser) { document.getElementById("answer").value=browser }</script></head><body><p>您喜欢哪款浏览器？</p><form><input type="radio" name="browser" onclick="check(this.value)" value="Internet Explorer">Internet Explorer<br /><input type="radio" name="browser" onclick="check(this.value)" value="Firefox">Firefox<br /><input type="radio" name="browser" onclick="check(this.value)" value="Netscape">Netscape<br /><input type="radio" name="browser" onclick="check(this.value)" value="Opera">Opera<br /><br /><!--写到这里纳闷了特久，为什么例题的name就可以单选，我改成Id后就变成多选 并且勾了还不能取消-->您喜欢的浏览器是：<input type="text" id="answer" size="20"></form></body>初学，也上网了查了一下NAM和ID两个的用法区别，但看不大懂，请前辈指教一下 究竟什么时候要用name 什么时候要用id。像上面三种情况究竟两者是怎么回事？
回复讨论(解决方案)
name：
1、表单提交的时候数据通过name来获取
2、做锚点
3、Object等可以通过name来引用
id
1、唯一标示符， 通常用来得到该元素，比如document.getElementById
当然得到元素也可以用name，document.getElementsByTagName,这样得到的是一个数组，需要再通过其它的标示符来确定元素，比如class、title，总之id是唯一的。
对了，你例子里面的raido里面也是通过name来确定是分组，name相同的raido只会有一个值
用开发人员工具打个断点，看看document.getElementsByName("haha")到底是个什么东西，有哪些属性，就一目了然了啊
才发现我把楼主的第二个代码看漏了,我说的第二个是指楼主的第三个.
第二个也是和第一个同样的错误:
function check(){ document.getElementsByName("myCheck").checked=true }
function uncheck(){ document.getElementsByName("myCheck").checked=false }
应该改成:
function check(){ document.getElementsByName("myCheck")[0].checked=true }
function uncheck(){ document.getElementsByName("myCheck")[0].checked=false }
用开发人员工具打个断点，看看document.getElementsByName("haha")到底是个什么东西，有哪些属性，就一目了然了啊
用firebug调试，断了一下看document.getElementsByName("haha")发现里面有好多东西》。。不知道应该找哪个= =
引用 4 楼 p2227 的回复:用开发人员工具打个断点，看看document.getElementsByName("haha")到底是个什么东西，有哪些属性，就一目了然了啊
用firebug调试，断了一下看document.getElementsByName("haha")发现里面有好多东西》。。不知道应该找哪个= = 你要找哪个就把哪个的值打印出来
引用 4 楼 p2227 的回复:用开发人员工具打个断点，看看document.getElementsByName("haha")到底是个什么东西，有哪些属性，就一目了然了啊
用firebug调试，断了一下看document.getElementsByName("haha")发现里面有好多东西》。。不知道应该找哪个= = 是这样子的了~~你先找一个Id的，再对比一个Name的，一般说来Name的要选取一下数组，即
document.getElementsByName("haha") [0]一下，每个dom节点下面都很多属性的，特别还有些浏览器自定义的属性，有用到的那几个先熟悉，渐渐就会用起来了
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
HTML : 구조, CSS : 스타일, 자바 스크립트 : 동작
Apr 18, 2025 am 12:09 AM
웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. 1. HTML은 웹 페이지 구조를 정의하고, 2. CSS는 웹 페이지 스타일을 제어하고 3. JavaScript는 동적 동작을 추가합니다. 그들은 함께 현대 웹 사이트의 프레임 워크, 미학 및 상호 작용을 구축합니다.
HTML, CSS 및 JavaScript의 미래 : 웹 개발 동향
Apr 19, 2025 am 12:02 AM
HTML의 미래 트렌드는 의미론 및 웹 구성 요소이며 CSS의 미래 트렌드는 CSS-In-JS 및 CSShoudini이며, JavaScript의 미래 트렌드는 WebAssembly 및 서버리스입니다. 1. HTML 시맨틱은 접근성과 SEO 효과를 향상시키고 웹 구성 요소는 개발 효율성을 향상 시키지만 브라우저 호환성에주의를 기울여야합니다. 2. CSS-in-JS는 스타일 관리 유연성을 향상 시키지만 파일 크기를 증가시킬 수 있습니다. CSShoudini는 CSS 렌더링의 직접 작동을 허용합니다. 3. Webosembly는 브라우저 애플리케이션 성능을 최적화하지만 가파른 학습 곡선을 가지고 있으며 서버리스는 개발을 단순화하지만 콜드 스타트 문제의 최적화가 필요합니다.
HTML의 미래 : 웹 디자인의 진화 및 트렌드
Apr 17, 2025 am 12:12 AM
HTML의 미래는 무한한 가능성으로 가득합니다. 1) 새로운 기능과 표준에는 더 많은 의미 론적 태그와 WebComponents의 인기가 포함됩니다. 2) 웹 디자인 트렌드는 반응적이고 접근 가능한 디자인을 향해 계속 발전 할 것입니다. 3) 성능 최적화는 반응 형 이미지 로딩 및 게으른로드 기술을 통해 사용자 경험을 향상시킬 것입니다.
HTML vs. CSS vs. JavaScript : 비교 개요
Apr 16, 2025 am 12:04 AM
웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. HTML은 컨텐츠 구조를 담당하고 CSS는 스타일을 담당하며 JavaScript는 동적 동작을 담당합니다. 1. HTML은 태그를 통해 웹 페이지 구조와 컨텐츠를 정의하여 의미를 보장합니다. 2. CSS는 선택기와 속성을 통해 웹 페이지 스타일을 제어하여 아름답고 읽기 쉽게 만듭니다. 3. JavaScript는 스크립트를 통해 웹 페이지 동작을 제어하여 동적 및 대화식 기능을 달성합니다.
HTML vs. CSS 및 JavaScript : 웹 기술 비교
Apr 23, 2025 am 12:05 AM
HTML, CSS 및 JavaScript는 최신 웹 페이지를 구축하기위한 핵심 기술입니다. 1. HTML 웹 페이지 구조를 정의합니다. 2. CSS는 웹 페이지의 모양을 담당합니다.
HTML : 프로그래밍 언어입니까 아니면 다른 것입니까?
Apr 15, 2025 am 12:13 AM
Htmlisnotaprogramminglanguage; itisamarkuplanguage.1) htmlstructuresandformatswebcontentusingtags.2) itworksporstylingandjavaScriptOfforIncincivity, WebDevelopment 향상.
& lt; strong & gt;, & lt; b & gt; 태그 및 & lt; em & gt;, & lt; i & gt; 태그?
Apr 28, 2025 pm 05:42 PM
이 기사는 HTML 태그, 등의 차이점과 시맨틱 대 프리젠 테이션 사용 및 SEO 및 접근성에 미치는 영향에 중점을 둡니다.
HTML 너머 : 웹 개발을위한 필수 기술
Apr 26, 2025 am 12:04 AM
강력한 기능과 우수한 사용자 경험을 가진 웹 사이트를 구축하기 위해서는 HTML만으로는 충분하지 않습니다. 다음 기술도 필요합니다. JavaScript는 웹 페이지 동적 및 상호 작용을 제공하며 DOM을 운영하여 실시간 변경을 달성합니다. CSS는 미학 및 사용자 경험을 향상시키기 위해 웹 페이지의 스타일과 레이아웃을 담당합니다. React, Vue.js 및 Angular와 같은 현대 프레임 워크 및 라이브러리는 개발 효율성 및 코드 조직 구조를 향상시킵니다.
