go-sciter桌面应用go代码操作html元素

代码:
html

<html>
    <body>
        <div>测试元素添加</div>
        <div id="content"></div>
    </body>
</html>

go代码

package main


import(
    "github.com/sciter-sdk/go-sciter"
    "github.com/sciter-sdk/go-sciter/window"
)

func main(){
    //打开主窗体
    w,err := window.New(sciter.SW_TITLEBAR|
        sciter.SW_RESIZEABLE|
        sciter.SW_CONTROLS|
        sciter.SW_MAIN|
        sciter.SW_ENABLE_DEBUG, 
        //给窗口设置个大小
        &sciter.Rect{Left: 500, Top: 300, Right: 1300, Bottom: 900});

    //如果错误则打印错误 
    if err != nil{
        println(err)
    }

    //加载html文件
    w.LoadFile("index.html")

    //操作html元素,初始化,添加元素
    root,_ := w.GetRootElement()
    //添加子元素
    addChildrenElement(root)


    //显示窗口
    w.Show()

    //运行窗口,进入消息循环,等待窗口关闭
    w.Run()
}

func addChildrenElement(root *sciter.Element){
    //创建一个元素
    add,_ := sciter.CreateElement("div","go代码添加第一行")

    //设置元素属性
    add.SetAttr("style","height:50px;background-color:#00ffff");

    //通过id获得属性
    div,_ := root.SelectFirst("#content")

    err := div.Insert(add,0)
    if err != nil{
        println("添加元素失败")
    }

}

猜你喜欢

转载自blog.csdn.net/w88193363/article/details/80620382
go