設定方法: 1. 「object.setAttribute('style', 'property: value')」ステートメントを使用します。 2. 「object.style.setProperty('property', 'value')」を使用します。 " ステートメント ;3. "Object.style.cssText='Property:Value'" ステートメントを使用します。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
方法 1: setAttribute() を使用します
<p id="p">hello world<p>
<button onclick="myFunction()">点击按钮，设置css样式</button>
<script>
function myFunction() {
document.getElementById("p").setAttribute('style', 'color:#FF0000');
}
</script>レンダリング:
方法 2: setProperty() を使用します
#
<p id="p">hello world<p>
<button onclick="myFunction()">点击按钮，设置css样式</button>
<script>
function myFunction() {
document.getElementById("p").style.setProperty('font-size', '50px');
}
</script>
##[推奨学習: 以上がjsで要素のCSSスタイルを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。レンダリング: <p id="p">hello world<p>
<button onclick="myFunction()">点击按钮，设置css样式</button>
<script>
function myFunction() {
document.getElementById("p").style.cssText='font-size:50px;color: red;';
}
</script>ログイン後にコピー
JavaScript 上級チュートリアル
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
