尽管DART可以同时使用DART作为客户端和服务器,但基本上,DART用作Flutter开发的基本语言。DART还为HTML提供了本机支持。此支持是DART:HTML软件包。
DART:HTML为DOM对象提供了各种有用的操作,并为HTML5 API.提供了支持,我们可以直接使用DART来操作HTML。
除了DOM,DART:HTML也可以操作CSS,使用DART:HTML也非常简单:
对于DOM操作,首先需要找到此元素。
DART提供QuerySelector()和QuerySelectiveral()方法,可以根据集合,类,标签,名称或这些元素的集合找到。
同样的查询方法。两者之间的区别在于,QuerySelector仅返回第一个元素,而QuerySelectolll返回所有找到的元素。
因此,QuerySelector返回一个元素,而QueLectorall返回集合列表。
以上是DOM中元素的操作。查找后,您可以操作这些元素。
DART使用元素来表示DOM中的元素。对于每个元素,它具有类,隐藏,ID,样式和标题等属性。
如果没有元素的属性,则可以使用属性,如下:
当然,与某些特殊元素相对应,将有一个与该元素相对应的子类。
例如,对于标签,如下所示:
A标签对应于飞镖中的锚固元素。
如果要更改标签的HREF值,则可以:
您还可以添加,替换或删除相应的节点:
我们使用上面的特殊操作员,这意味着可以将空的类型转换为空类型。
CSS实际上是元素中的类。当我们获得元素时,我们可以调用他的课程字段,然后处理CSS。
Elem.Classes返回一个列表,我们可以添加或删除相应的类。
当然,课堂是最好的,也是我们建议的建议。但是有时您仍然需要将样式直接添加到元素中,如下所示:
与DOM的相互作用是各种事件。将事件添加到元素。您可以使用element.Onevent.listen(函数)。
例如,我们可以添加单击事件:
这是一些常用的事件:
以上是DART对HTML的支持。
最受欢迎的解释,最深的干货,最简单的教程,您不知道的许多技巧正在等待您发现!
欢迎注意我的公共帐户:“程序的事情”,了解技术并更好地了解您!