标签: htmlelements

用CSS旋转所有html元素(整页)90度?

我希望显示页面中的所有内容始终如一地旋转并且依赖于90度,我试图这样做,但结果是不准确的,并且每个元素都是独立旋转的.

html css rotation css3 htmlelements

8
推荐指数
1
解决办法
1万
查看次数

如何使用查询选择器获取标签内的元素?

var divElement = document.createElement("div");
divElement.setAttribute('id', 'Items');

var ulElement = document.createElement("ul");
var liElement = document.createElement("li");
var spanElement1 = document.createElement("span");
var spanElement2 = document.createElement("span");
liElement.appendChild(spanElement1);
liElement.appendChild(spanElement2);
ulElement.appendChild(liElement);
Run Code Online (Sandbox Code Playgroud)

当我输入选择器查询时,我无法获取元素。

document.querySelectorAll("divElement ul li"); 应该给
document.querySelectorAll("#Items ul li");

但它不起作用,如何在运行时获取 id????

javascript list typescript htmlelements

6
推荐指数
2
解决办法
2万
查看次数

在 React 和 TypeScript 中扩展 HTML <a> 标签元素

我在 React 项目中使用打字稿,我想添加标签的道具。我可以访问元素的属性link,但不能访问属性a元素。link当标签的属性使用标签时,我收到错误a

React 中的元素是否有“HTMLAElement”结构a

const MyComponent: FunctionComponent<React.LinkHTMLAttributes<HTMLLinkElement>> = (
props: React.LinkHTMLAttributes<HTMLLinkElement>,
) => {
  return (
      <a {...props} className="mycomponent">  // When I use it with the <link> it doesn't give an error but I need <a>.
         MyComponent
      </a>
  );
};
Run Code Online (Sandbox Code Playgroud)

javascript typescript reactjs htmlelements

6
推荐指数
1
解决办法
1万
查看次数

Typescript:将 HTMLElement 转换为 Node

如何将 a 转换HTMLElementNode元素。

根据这个答案(/sf/answers/698584561/)a ...An element is one specific type of node但我找不到转换它们的方法。

我特别需要一个 Node 元素,将其传递到 a MutationObserver( https://nitayneeman.com/posts/listening-to-dom-changes-using-mutationobserver-in-angular/ ),并且 aHTMLElement会引发错误。

javascript typescript htmlelements

5
推荐指数
2
解决办法
2万
查看次数

使用TypeScript的React Testing Library:设置输入值

我正在使用TypeScript构建一个React应用程序。我使用React Testing Library进行组件测试。

假设您有一个简单的形式,如下所示:

import React from 'react'

function Login({onSubmit}) {
  return (
    <div>
      <form
        onSubmit={e => {
          e.preventDefault()
          const {username, password} = e.target.elements
          onSubmit({
            username: username.value,
            password: password.value,
          })
        }}
      >
        <label htmlFor="username">Username</label>
        <input id="username" />
        <label htmlFor="password">Password</label>
        <input id="password" type="password" />
        <br />
        <button type="submit">Submit</button>
      </form>
    </div>
  )
}

export {Login}
Run Code Online (Sandbox Code Playgroud)

此视频中, Kent(库的创建者)展示了如何测试表单输入。测试看起来像这样:

import React from 'react'
import {renderIntoDocument, cleanup} from 'react-testing-library'
import {Login} from '../login'

afterEach(cleanup)

test('calls onSubmit with username and password', () => {
  const …
Run Code Online (Sandbox Code Playgroud)

unit-testing typescript reactjs htmlelements react-testing-library

4
推荐指数
1
解决办法
2763
查看次数

如何从WPF WebBrowser获取HtmlElementCollection

我的旧WinForm应用程序使用HtmlElementCollection来处理页面

HtmlElementCollection hec = this.webbrowser.Document.GetElementsByTagName("input");
Run Code Online (Sandbox Code Playgroud)

在WPF WebBrowser中,有几个不同的东西.例如

this.webbrowser.Document没有任何名为GetElementsByTagName的方法

因此我的代码无法获得HtmlElementCollection

c# wpf c#-4.0 html-agility-pack htmlelements

3
推荐指数
1
解决办法
6439
查看次数

我导航到的大多数页面上的脚本是什么?

这个代码我在随机页面上看到很多.

我认为这是一个谷歌跟踪代码,但有人可以确认吗?

当我在JSFiddle中运行它时似乎没有任何事情发生.

var tvt = tvt || {};
tvt.captureVariables = function(a) {
  for (var b = new Date, c = {}, d = Object.keys(a || {}), e = 0, f; f = d[e]; e++)
    if (a.hasOwnProperty(f) &&
      "undefined" != typeof a[f]) try {
      var g = [];
      c[f] = JSON.stringify(a[f], function(a, b) {
        try {
          if ("function" !== typeof b) {
            if ("object" === typeof b && null !== b) {
              if (b instanceof HTMLElement || b instanceof Node …
Run Code Online (Sandbox Code Playgroud)

html javascript tracking nodes htmlelements

1
推荐指数
1
解决办法
1986
查看次数