- 締切済み
エレメントとは何でしょうか
ある本の中にはエレメントとはボタンなど Formを構成する要素となっていました。 ところが別の本には<span>もエレメントの一部になるとありました。 そこで色々と考えたんですが、DIVなどの基幹となるノードの 下にぶら下がっているタグ全部がエレメントではないかと考えました。 一応、この考えでいくと本に書いてある内容が納得がいくのですが、 これで合っていますでしょうか？
- slime_bess
- お礼率79% (162/203)
- JavaScript
- 回答数5
- ありがとう数0
- みんなの回答 （5）
- 専門家の回答
みんなの回答
前、回答者も説明しているように、仕様書を読めば詳しく書いてある。 element＝要素 要素は２種類、インライン要素とブロック要素がある。 すなわち、すべての要素＝すべてのタグ＝すべてのelement
- Tacosan
- ベストアンサー率23% (3656/15482)
そもそも「ある本」と「別の本」とで, 「エレメント」という言葉の意味が違っているという可能性は考えないのか?
- yambejp
- ベストアンサー率51% (3827/7415)
その書籍では、単にformを構成する要素(inputやselectやtextareaなど)は nameを付して「elements」というプロパティで参照できる ということが言いたいのではないでしょうか？ 当然spanはformのelementsにはなりえません <form id="f"> <input type="text" name="a" value="aaa"> <input type="button" name="b" value="bbb"> <select name="c"> <option value="c1">c1</option> <option value="c2">c2</option> <option value="c3">c3</option> </select> <textarea name="d">ddd</textarea> <span name="e">2222</span> <input type="button" value="check" onclick="check()"> </form> <script> function check(){ var f=document.getElementById("f"); alert("a:"+f.elements["a"].value); alert("b:"+f.elements["b"].value); alert("c:"+f.elements["c"].value); alert("d:"+f.elements["d"].value); alert("e:"+f.elements["e"].value);//エラーになる } </script> 狭義では上記のとおりで、広義では他の回答者の回答の通り 要素という意味ではなんでもありです
- ORUKA1951
- ベストアンサー率45% (5062/11036)
Element(要素)は、文字通りの意味です。 ・アンテナでは素子と訳したりします ・化学では元素と訳します。 HTMLとは、SGMLから派出したものですからまず「Standard Generalized Markup Language#背景 - Wikipedia( http://ja.wikipedia.org/wiki/SGML#.E8.83.8C.E6.99.AF )」を基礎知識として知っておいてください。 HTMLとはその文書を構成するElement(要素)に分けて、それぞれの要素をタグを使ってマークアップするメタ言語です。すなわち <h1>ここは見出し</h1> <p>ここは段落・・・・・、ここは<strong>とても重要</strong>です。</p> とマークアップ(目印)していきます。この場合 <h1>ここは見出し</h1><!-- 見出し要素(Heading Element) --> <p>ここは段落・・・・・、ここは<strong>とても重要</strong><!-- 重要要素(Strong Element)です。</p><!-- 段落要素(Paragraph Element) --> となります。 ＞Formを構成する要素となっていました。 <!-- ここからサーバーにデータを送るためのform Element --> <form action="./"> <!-- input要素 --> <input type="text" name="name" value="" size="20"> input要素、textarea要素、button要素などはform要素の中にしか存在できません。 ＞そこで色々と考えたんですが、DIVなどの基幹となるノードの下にぶら下がっているタグ全部がエレメントではないかと考えました。 いいえ、どんな文書であれ、それは必ず何らかのElementで構成されているはずです。もし何のマークアップがされていなくてもブラウザはルールに基づいて、それがHTMLなら何らかの要素として判断します。【SGMLに忠実なXHTMLは不正文書になります。】 その解釈のルールはDOM(Document Object Module)で決まっていて、javascriptにしろブラウザにしろ、DOMで要素の樹構造を判断して、それに従って要素にアクセスします。 ノードとは違う いずれにしろ、このあたり正確に知っておかないと・・ ⇒HTML 4.01仕様書( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html ) を一度読破しておくことをお勧めします。
- hanabutako
- ベストアンサー率54% (492/895)
いいえ、HTMLで開始タグから終了タグまでのものはすべてelement (下記では"要素"と訳されています) です。 例えば、<html><head></head><body><span>aaa</span></body></html>だと、<html><head></head><body><span>aaa</span></body></html>、<head></head>、<body><span>aaa</span></body>、<span>aaa</span>の4つの要素があることになります。 参考までに: https://developer.mozilla.org/ja/docs/Web/HTML/Introduction ちなみに、これの原文では和訳で要素となっているところはすべてelementと書いてあります。 https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction
関連するQ&A
- javascriptで同一エレメントを抜き出したい
javascriptでクリックしたエレメントの祖先のエレメントが全て同じだった場合に、 該当するもののタグ内の言葉を抜き出そうと思っているのですが、 どのようにすればすっきり書けるのかがわかりません。 例えば下の[例1]、[例2]はともに、「あ」をクリックしたときに、「あ」「い」「う」を抜き出して、「え」「お」は抜き出したくありません。 [例１] <div class = "a"> <ul> <li>あ</li> ←クリック <li>い</li> <li>う</li> </ul> </div> <ul> <li>え</li> <li>お</li> </ul> *** [例2] <div> <span><em>あ</em></span> ←クリック </div> <div> <span><em>い</em></span> </div> <div> <span><em>う</em></span> </div> <span><em>え</em></span> <span><em>お</em></span>
- 締切済み
- JavaScript
- 「インライン要素」と「ブロック要素」の違いは何
SPANタグの意味を調べたくてググったら http://www.htmq.com/html/span.shtml を見たのですが、 ｄｉｖタグと、SPANタグの違いがよくわからないのですが、 「インライン要素」と「ブロック要素」の違いは何でしょうか？
- ベストアンサー
- CSS
- divの中にspanを右寄せにするには？
画像のような要素構成をしたいと思うのですがうまくできません・・・ 詳しい方教えていただけませんでしょうか？ divの中にspanを何個か右寄せで配置したいと考えています。 最近のマイクロソフトのサイトのようにボタンをspanで作りたいと思っています。 divで右寄せをしようとするとdivの中にa hrefを含めることは出来ないといったエラーが出てしまい困っております・・・
- ベストアンサー
- CSS
- jQueryで同じ要素の先頭へ親要素を移動したい
下記のとき、<span>□</span>をクリックしたら、pタグの一番上へ要素を移動するにはどうすればよいでしょうか？ 変更前 <section> <div>★</div> <p><span>☆</span></p> <p><span>■</span></p> <p><span>□</span></p> 変更後 <section> <div>★</div> <p><span>□</span></p> <p><span>☆</span></p> <p><span>■</span></p> ■やりたいこと ・<section>はそれぞれ複数あるので、クリックした地点からの相対パスで、一番上要素を指定したいです ・「$(this).parent()」を、「$(this).parent()」のpタグ先頭の先頭へ追加すればよい？ どうやって？
- ベストアンサー
- JavaScript
- divタグ（span）についての質問です。
divタグ（span）についての質問です。 ふと気になったのですが、divタグ（span）の名前は必ずつけないといけないのでしょうか？（【id="任意の名前"】の部分です） ただのブロック要素としてのみ使うときには、特にスタイルシートには記述しないので、名無しでも大丈夫なのかな～？と思いまして、、、 ご存知の方いらっしゃいましたらアドバイスをいただけると幸いですm(__)m 宜しくお願いいたします。
- ベストアンサー
- HTML
- 中央に配置
CSSで下記の各タグのwidthはパーセントで設定してテキストボックス、ボタン、リンクを中央に配置したいのですがどうしたらいいのでしょうか。 <form id="form1" action="" method="post" name="form1"> <div id="topCouponSearch"> <span class="topCouponSearcha"> <input id="address" class="topCouponSearcha2" type="text" value="（例）住所・駅名・郵便番号・ランドマークを入力" name="address" style="color: #999999;"> <button id="getad">検索</button> <span class="topCouponSearcha3"> <a href="?act=u05">店舗一覧</a> </span> </span> </div> </form>
- 締切済み
- CSS
- 計算結果の表示方法について
お世話になります。 Java Scriptの記述方法で教えてください。 下記のフォームを作りました。 テキストボックスに目標タイムを4時間30分であれば4.5と入力することで必要な時速とキロ当たりのペースを出すようにしています。 2行に渡り、キロ当たりのペースを分と秒で出ていますがが、これを○分○秒と1行に表示させたいのです。 どなたかお知恵をお願いします。 <html> <head> <script type="text/javascript"> function calc(frm) { var result = Math.round(42.195 / (parseFloat(frm.elements["a"].value))*10) / 10; document.getElementById('result_1').getElementsByTagName('span')[0].innerHTML = result; result = Math.floor(parseFloat(frm.elements["a"].value) / 42.195 * 60); document.getElementById('result_2').getElementsByTagName('span')[0].innerHTML = result; result = Math.round(parseFloat(frm.elements["a"].value) / 42.195 * 60*60)%60; document.getElementById('result_3').getElementsByTagName('span')[0].innerHTML = result; result = Math.round(1 / 42.195 * 5 * parseFloat(frm.elements["a"].value) *100) /100; document.getElementById('result_4').getElementsByTagName('span')[0].innerHTML = result; } </script> </head> <body> <form> <input type="text" name="a"> <input type="button" value="計算" onClick="calc(this.form)"><br> 計算結果<br> <div id="result_1">時速 <span></span>km/h</div> <div id="result_2">キロペース <span></span>分</div><div id="result_3"> <span></span>秒</div> <div id="result_4">5km <span></span>時間</div> </form> </body>
- ベストアンサー
- JavaScript
- <div id="AA">の時、<form id="BB">内のselect要素などすべての要素をdisableにしたい。
▼次のようにページ内のdivタグのidの名前によって、formタグ内の要素をdisableにすることはJava scriptによって可能でしょうか？ <div id="AA">のとき、別の場所にある<form id="BB">内のselect要素などすべての要素をdisableにする。 また同時に、id="BB"に指定したスタイルシートの記述を書き換えることは可能でしょうか？ 何かよい方法をご存知でしたら教えてください。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- createElementが一瞬で消えてしまいます
<script type="text/javascript"> <!-- function check(){ if(document.loginform.user.value==""){ var element1=document.createElement("span"); element1.innerHTML="Usernameを入力してください。"; element1.className="error0"; var ojbody1=document.getElementById("titlerror1"); ojbody1.appendChild(element1); false; } if(document.loginform.pass.value==""){ var element2=document.createElement("span"); element2.innerHTML="Passwordを入力してください。"; element2.className="error0"; var ojbody2=document.getElementById("titlerror2"); / ojbody2.appendChild(element2); false; } } // --> </script> <title>ログインページ</title> </head> <body> <div id="error"><font color="red"><?=$error?></font></div> <div id="loginform"> <form id="loginform" name="loginform" action="index.php" method="post"> <fieldset> <p> <div class="titlerror" id="titlerror1"> <label for="user">User Name <span class="hankaku">(半角英数字)</span></label><br /> </div> <input type="text" name="user" value="" id="user" text-align="middle"> </p> <p> <div class="titlerror" id="titlerror2"> <label for="pass">Password <span class="hankaku">(半角英数字)</span></label><br /> </div> <input type="password" name="pass" value="" id="pass" > </p> <div id="submit"> <p class="submit"> <button type="submit" name="login" value="login" class="button" id="login" onclick="check()"><img src="submit.png" border="0" alt="login" /></button> </p> </div> </fieldset> </form> </div> </body> javascript初心者です。 これを実行するとつくられたタグが一瞬だけ表示して消えてしまいます。（CSSを付けると） 上記は表示すらしません。 どこが間違っているか、なぜそうなのかを教えていただけると助かります。 お願いします。
- ベストアンサー
- JavaScript
- pとdivのどちらが良いでしょうか？
pタグとspanタグとdivタグの使い分けがよくわからないので http://techmemo.biz/html/p%E8%A6%81%E7%B4%A0%E3%80%81div%E8%A6%81%E7%B4%A0%E3%80%81span %E8%A6%81%E7%B4%A0%E3%81%AE%E3%81%9D%E3%82%8C%E3%81%9E%E3%82%8C%E3%81%AE%E9%81%95%E3%81%84/ を読んだのですが、それでもよくわかりません。 私がやりたい事はindexページにタイトルを表示したいのですが 文字の装飾はしたいです。 でも文字全部に色を付けてサイズを調整したいだけなので spanタグで文字の中の一部の装飾ではないです。 この場合 pとdivのどちらが良いでしょうか？ ページの上部に ～サイトの名前～ みたいにしたいです。
- 締切済み
- HTML
