こんにちは、 太田です。前回はJavaScriptからみたHTMLの基本を中心に解説しました。今回はまず、 イベントについて解説します。JavaScript、 DOMにおいてイベントは極めて重要です。ブラウザ上のJavaScriptでは必ずといってよいほどイベントが絡んでいますし ...

1. はじめに：Webページを「動かす」第一歩 JavaScriptは、動きのある「ダイナミックな」Webページを作成するために不可欠です。そして、JavaScriptがWebページを操作するために最も重要な概念がDOMです。DOMを学ぶことで、Webページの「設計図」を理解し、JavaScript ...

今回は、 動的なWebサイトやWebアプリケーションに欠かせない 「DOM」 と 「JavaScript」 という二つの技術を、 関連する仕様とともに紹介したいと思います。 さまざまなものをオブジェクトで表現するDOM DOM (Document Object Model) とは、 HTML文書にアプリケーション ...

連載の前回、「第6回 配列とオブジェクトでデータをまとめる」では、配列とオブジェクトの基本的な扱い方を説明しました。扱うデータの量が少ないうちは、普通の変数だけでなんとかなってしまいますが、データの量が増えれば増えるほど、配列や ...

In the DOM, all HTML elements are defined as objects. A property is a value that you can get or set (like changing the content of an HTML element). A method is an action you can do (like add or ...

旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、おもにDOM Level 1で規定されている手法を使って ...

The Document Object Model (DOM) is a programming interface for web documents. In simpler terms, it's like an organized map that represents the structure and content of a webpage. Think of it as a tree ...