DHTML - JavaScript
JavaScript は、動的な HTML コンテンツを作成することができます。
Date:
JavaScript 単独
JavaScript では、文: document.write() は、Web ページに出力するために使用します。
例
次の例では、現在の日付と時刻をページに表示するのに JavaScript を使用しています:
例
<!DOCTYPE html> <html>
<body>
<script type="text/javascript">
document.write(Date());
</script>
</body>
</html>
Try it yourself »
JavaScript と HTML DOM
JavaScript は、HTML 要素のコンテンツや属性を変更するためにも使用することができます。
HTML 要素のコンテンツ変更:
document.getElementById(id).innerHTML=new HTML
HTML 要素の属性変更:
document.getElementById(id).attribute=new value
次の章で、JavaScript と HTML DOM の詳細について説明します。
JavaScript と HTML イベント
JavaScript は、ユーザが HTML 要素をクリックするような、イベントが発生したときに実行するようにもできます。
ユーザが要素をクリックしたときにコードを実行するには、次のイベント属性を使用します:
後の章で、JavaScript と HTML イベントの詳細について説明します。
JavaScript と CSS
JavaScript は、HTML 要素のスタイルを変更することもできます。
HTML 要素のスタイルを変更するには:
document.getElementById(id).style.property=new style
このチュートリアルの後の章で、JavaScript と CSS の詳細を説明します。
|