Velo by Wixのチュートリアルでも同じことしてますが、テキストをVeloで変更する方法です。
textプロパティで入力できるのはプレーンテキストなので、htmlを入力したい場合は代わりにhtmlプロパティを使用します。
Text | VELO
Sets or gets the plain-text contents of a text element. Setting the text property sets the plain-text contents of the text element. Any text that the element al...
準備
![onclicktext1](https://sunagitsune.com/wp-content/uploads/2021/01/onclicktext1.jpg)
テキストはあるものとして、とりあえず押すためのボタン作ります(テキストを押すこともできます)。
ボタン作ってIDの下にあるonClickをクリックし、
ボタン作ってIDの下にあるonClickをクリックし、
![onclicktext2](https://sunagitsune.com/wp-content/uploads/2021/01/onclicktext2.jpg)
右に何か出るのでもう一回クリックします。
![onclicktext3](https://sunagitsune.com/wp-content/uploads/2021/01/onclicktext3-650x131.jpg)
すると自動でイベントハンドラを作ってくれます。あとはここにIDがbutton1のボタンを押したときの挙動を書いていけば動きます。
テキストの変更(textプロパティ)
![onclicktext4](https://sunagitsune.com/wp-content/uploads/2021/01/onclicktext4-650x171.jpg)
IDが#codetesttextの要素に対し、テキストを変更するということで、$w(“#codetesttext”).text = “test”;をイベントハンドラの中に書きます。
![onclicktext5](https://sunagitsune.com/wp-content/uploads/2021/01/onclicktext5-650x330.jpg)
公開後またはプレビューでボタンを押すと、
![onclicktext6](https://sunagitsune.com/wp-content/uploads/2021/01/onclicktext6.jpg)
この通り、IDを指定したテキストの文面が変更されます。
![](https://sunagitsune.com/wp-content/uploads/2021/02/website-1624028_1280-160x90.png)
WixおよびVelo by Wixの使い方・関数・プロパティなどまとめ
Wix関連のまとめです。①公式のリファレンスが充実してるのと②Wix自体がまだ発展途上(バグも多い)のと③そこまでガッツリ使うわけではないのと④AdBlock入れてるとまともに動かない ので記事の充実圧力は低めですが、まあぼちぼち暇を見て増...
コメント