getNamedFlows

• Comments from section
• All comments
• Help

WebPlatform Docs welcomes all comments. If you want to comment, please register or log in. It is free.

This tool helps to make and review comments inline.

How to Use

insert instructions, with images, here

getNamedFlows()

NamedFlowCollection not in list of return value types W3C Editor's Draft

Summary

Gathers NamedFlow objects, each representing a set of content that flows through various layout regions.

Method of dom/Document

Syntax

var flows = document.getNamedFlows();

Return Value

Returns an object of type DOM Node.

Returns a NamedFlowCollection object accessible via standard array methods. Each member is a NamedFlow instance representing a set of content that flows through various layout regions.

Examples

Various ways to access named flows:

JavaScript

var flow, flows;
flow = document.getNamedFlows()["main"]; // typically by name
flow = document.getNamedFlows().item(0);
flow = document.getNamedFlows()[0];

flows = document.getNamedFlows();
for (var i = 0; i < flows.length; i++) {
    flow = flows[i];
    // do something with flow
}

Related specifications

Specification	Status	Related Changes
CSS Regions Module Level 3

Compatibility

Desktop

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic Support	20 -webkit	Unsupported	Unsupported	Unsupported	534 -webkit

Mobile

Feature	Android	BlackBerry	Chrome for mobile	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Opera Mini	Safari Mobile
Basic Support	Unsupported	Unsupported	Unsupported	Unsupported	Unsupported	Unsupported	Unsupported	Unsupported

See also

Related articles

Regions

• CSS Regions API

• CSSRegionStyleRule

• NamedFlow

• firstEmptyRegionIndex

• getContent

• getRegions

• getRegionsByContent

• name

• overset

• regionlayoutupdate

• Region

• getComputedRegionStyle

• getRegionFlowRanges

• regionOverset

• @region

• break-after

• break-before

• break-inside

• flow-from

• flow-into

• region-fragment

• getNamedFlows()

• Using CSS Regions to flow content through a layout

External resources

• W3C editor's draft: CSS Regions Module Level 3
• Adobe Web Standards: CSS Regions
• Adobe Developer's Network: CSS3 Regions: Rich page layout with HTML and CSS3
• Sample pages