我们可以通过go-sciter给我们提供的方法，方便的对html,css编写的UI界面进行增删改查。

demo3.go代码如下：

package main;

import (

	"github.com/sciter-sdk/go-sciter"

	"github.com/sciter-sdk/go-sciter/window"

	"log"

	"fmt"

)

//一些基础操作

func base(root *sciter.Element) {

	//通过ID选择元素

	ul, _ := root.SelectById("list");

	//获取元素的文本

	text, _ := ul.Text();

	fmt.Println("text:", text);

	//获取元素的html

	//参数为真，则返回元素外部html

	//参数为假，则返回元素内部html

	text, _ = ul.Html(false);

	fmt.Println("html:", text);

	//获取子元素个数

	n, _ := ul.ChildrenCount();

	fmt.Println(n);

}

//动态的添加元素

func addElement(root *sciter.Element) {

	//创建一个元素

	add, _ := sciter.CreateElement("li", "444");

	//设置元素的属性

	add.SetAttr("data", "add");

	//通过标签和ID来选择元素，类似jquery

	ul, _ := root.SelectFirst("ul#list");

	//插入元素，下标从0开始

	err := ul.Insert(add, 3);

	if err != nil {

		log.Fatal("添加元素失败");

	}

	add2, _ := sciter.CreateElement("li", "");

	err2 := ul.Insert(add2, 4);

	//注意这里，元素先insert后再去设置html才有效

	//设置添加元素的html

	add2.SetHtml("<a href='http://www.baidu.com'>555</a>", sciter.SIH_REPLACE_CONTENT);

	if err2 != nil {

		log.Fatal("添加元素失败");

	}

}

//删除元素

func delElement(root *sciter.Element) {

	ul, _ := root.SelectFirst("ul#list");

	//获取第一个子元素，下标从0开始

	li, _ := ul.NthChild(0);

	//删除元素

	li.Delete();

	//我们也可以用css选择器直接选择要删除的元素

	//注意css里面的nth-child(n)下标从1开始

	li2, _ := root.SelectFirst("ul#list>li:nth-child(2)");

	//删除元素

	li2.Delete();

}

//修改元素

func updElement(root *sciter.Element) {

	li, _ := root.SelectFirst("ul#list>li:nth-child(1)");

	//给元素设置样式

	li.SetStyle("color", "#f00");

	//给元素设置html

	//参数一：html内容

	//参数二：html放在哪里，SIH_REPLACE_CONTENT表示替换旧内容

	li.SetHtml("<a href='http://www.baidu.com'>baidu.com</a>", sciter.SIH_REPLACE_CONTENT);

	//在最后面追加内容

	li.SetHtml("哈哈", sciter.SIH_APPEND_AFTER_LAST);

	//设置元素属性

	li.SetAttr("test", "test");

	li2, _ := root.SelectFirst("ul#list>li:nth-child(2)");

	//设置文本

	li2.SetText("我改我改");

}

//查找元素

func selElement(root *sciter.Element) {

	//通过css选择器选择元素，会返回*Element的slice

	root.Select("ul#list>li");

	//通过选择器返回第一个元素

	//也是调用的Select，不过只返回第一个元素

	root.SelectFirst("ul#list>li");

	//通过元素ID

	root.SelectById("list");

	//选择父元素

	//参数二：表示深度

	root.SelectParent("li", 1);

	//返回选择器匹配唯一子元素，如果没有或匹配多个，会引发Panic

	root.SelectUnique("ul#list>li:nth-child(1)");

}

func main() {

	//创建一个新窗口

	//这里参数一和参数二都使用的默认值

	//DefaultWindowCreateFlag = SW_TITLEBAR | SW_RESIZEABLE | SW_CONTROLS | SW_MAIN | SW_ENABLE_DEBUG

	//DefaultRect = &Rect{0, 0, 300, 400}

	w, err := window.New(sciter.DefaultWindowCreateFlag, sciter.DefaultRect);

	if err != nil {

		log.Fatal(err);

	}

	//设置标题

	w.SetTitle("文本html");

	html := `

			<html>

			<body>

				<ul id="list" name="list">

					<li>111</li>

					<li>222</li>

					<li>333</li>

				</ul>

			</body>

			</html>`;

	//加载html，从一个字符串变量中

	w.LoadHtml(html, "");

	//窗口获取根元素，这里应该是html

	root, _ := w.GetRootElement();

	//这里把一些操作单独写成函数方便查看

	base(root);

	addElement(root);

	delElement(root);

	updElement(root);

	selElement(root);

	//显示窗口

	w.Show();

	//运行窗口，进入消息循环

	w.Run();

}

go语言使用go-sciter创建桌面应用(二) ui元素查找，增加，删除，修改的更多相关文章

  1. go语言使用go-sciter创建桌面应用(六) Element元素操作和Event事件响应

    详细的文档请看下面两个链接: https://sciter.com/docs/content/sciter/Element.htm https://sciter.com/docs/content/sc ...

  2. c# Windows Service 桌面上显示UI

    介绍 本文的目的是说明如何从Windows Vista中的服务正确启动交互式进程,以及演示如何以完全管理员权限启动该进程.交互式过程是能够在桌面上显示UI的过程. 本文介绍如何创建一个名为Loader ...

  3. go语言使用go-sciter创建桌面应用(五) 加载元素资源

    有些时候我们需要动态的给某个UI元素加载内容或数据. demo6.go代码如下: package main; import ( "github.com/sciter-sdk/go-scite ...

  4. Ubuntu创建桌面快捷方式

    默认情况下，ubuntu会将自动安装的软件快捷方式保存在/usr/share/applications目录下，如果我们要创建桌面快捷方式，只需要右键-复制-桌面 就Ok，如图： 上面的方法是通过系统自 ...

  5. Windows中创建桌面快捷方式

    Windows中创建桌面快捷方式 -------------- -------------- -------------- --------------

  6. robot创建桌面图标（转载）

    桌面ride图标,安装之后会自动创建(偶尔也会创建失败),创建桌面图标方法如下: 1. 新建快捷方式 在桌面右击鼠标,弹出的菜单选择 新建-快捷方式 ,然后在"请键入对象"的位置输 ...

  7. Qt之创建桌面和开始菜单快捷方式

    将安装好的酷狗拷贝到C:\data目录中 1.创建桌面快捷方式 QFile::link("C:/data/KuGou.exe", QStandardPaths::writableL ...

  8. Swift3.0语言教程使用编码创建和初始化字符串

    Swift3.0语言教程使用编码创建和初始化字符串 使用编码创建和初始化字符串 创建和初始化字符串除了可以使用上文中提到的方法外,还可以使用init(coder:)方法,此方法一般不常使用,其语法形式 ...

  9. Swift3.0语言教程使用指针创建和初始化字符串

    Swift3.0语言教程使用指针创建和初始化字符串 Swift3.0语言教程使用指针创建和初始化字符串苹果的Swift团队花了不少功夫来支持C的一些基础特性.C语言中为我们提供了指针,Swift也不例 ...

随机推荐

  1. mysql网课部分笔记

    mysql> \s  查看当前数据库的状态 \c  取消当前所输入的命令或字符 ------------------------------------------------------- m ...

  2. A New Year, A New Accent!

    A New Year, A New Accent! Share Tweet Share Happy New Year!  Does your list of resolutions include i ...

  3. python实现查找算法：二分查找法

    二分查找算法也称折半查找,基本思想就是折半,和平时猜数字游戏一样,比如猜的数字时67,猜测范围是0-100,则会先猜测中间值50,结果小了,所以就会从50-100猜测,中间值为75,结果大了,又从50 ...

  4. 使用支持向量机（SVM） 算法进行分类

    1 支持向量机(SVM)的基本概念   SVM是一种分类算法,其侧重于模式识别方面.使用SVM可以大大提高分类的准确性.   分类相当于模式识别的子集合,模式识别重点在于对已知数据进行特征发现与提取. ...

  5. unity 2048Game

    将游戏分为四个脚本,将数据和界面分开,这是开发模式常用的类似于mvc模式,但由于我们只用一个二位数组就可以保存数据,所以讲m省略 GameControllor 控制游戏数据的脚本, using Uni ...

  6. css样式中的绝对路径的参考对象

    如果div标签中没有position:absolute;样式,那么img的参考对象就是浏览器 如果div标签中有position:absolute;样式,那么img的参考对象就是父元素,即div标签

  7. 吴裕雄 python神经网络 水果图片识别（5）

    #-*- coding:utf-8 -*-### required libaraiedimport osimport matplotlib.image as imgimport matplotlib. ...

  8. 文字在线转图片二维码的公用API接口

    在线生成网址二维码的API接口: 1.百度网盘(可使用https)       http://pan.baidu.com/share/qrcode?w=150&h=150&url=ht ...

  9. float double

    float : 单精度浮点数 double : 双精度浮点数 两者的主要区别如下: 01.在内存中占有的字节数不同 单精度浮点数在机内存占4个字节 双精度浮点数在机内存占8个字节 02.有效数字位数不 ...

  10. sass 的安装 编译 使用

    1.使用node 的command 运行命令: gem install sass2.cmd检查是否安装成功 sass -v 如果成功了 可以看见版本信息Sass 3.5.5 ...3. 创建.scss ...